document.querySelectorAll('pre code') 在uni-app微信小程序中怎么获取 怎么写

在uni-app微信小程序中，`querySelectorAll` 和 `pre code` 的组合用于选择文档中所有`pre`元素内的`code`元素。由于uni-app底层基于Vue，你需要转换一下思路，因为Vue中的`$refs`或者普通的`ref`属性可以配合`this.$el.querySelector()`来获取DOM元素。

如果你想在uni-app的小程序页面中获取这些代码块，你可以这样做：

1. 首先，在需要引用这些代码块的组件中，给每个`pre`元素添加一个`ref`属性，如：

<template>
  <view ref="codeWrapper">
    <pre class="code-block" ref="codeBlock">
      <!-- 你的代码片段 -->
    </pre>
  </view>
</template>

2. 然后在相应的JS部分，可以使用`this.$refs`访问并获取这些元素：

<script>
export default {
  data() {
    return {};
  },
  created() {
    this.getCodeBlocks();
  },
  methods: {
    getCodeBlocks() {
      const codeBlocks = this.$refs.codeWrapper.querySelectorAll('.code-block');
      console.log(codeBlocks); // 这里会得到一个NodeList，包含所有匹配的code块
      // 对于每一个codeBlock，可以单独处理
      codeBlocks.forEach(block => {
        // 你的处理逻辑...
      });
    }
  }
}
</script>

这样，当你调用`getCodeBlocks`方法时，就可以获取到所有的代码块了。