uniapp在文本框内添加话题##内容为高亮颜色

要在 Uniapp 的文本框内添加话题并设置高亮颜色，可以使用 `rich-text` 组件来实现。以下是一个示例：

<template>
  <view>
    <input v-model="text" @input="handleInput" />
    <rich-text :nodes="richTextNodes"></rich-text>
  </view>
</template>

<script>
export default {
  data() {
    return {
      text: '',
      richTextNodes: [],
    };
  },
  methods: {
    handleInput() {
      const pattern = /##(.*?)##/g; // 使用正则表达式匹配话题
      const matches = this.text.match(pattern); // 匹配所有话题
      if (matches) {
        const richTextNodes = this.text.split(pattern); // 将文本按照话题分割成数组
        const nodes = [];
        for (let i = 0; i < richTextNodes.length; i++) {
          nodes.push({
            type: 'text',
            text: richTextNodes[i],
          });
          
          if (i < matches.length) {
            nodes.push({
              type: 'text',
              text: matches[i],
              style: 'color: blue;', // 设置高亮颜色
            });
          }
        }
        this.richTextNodes = nodes;
      } else {
        this.richTextNodes = [{
          type: 'text',
          text: this.text,
        }];
      }
    },
  },
};
</script>

在上面的示例中，我们使用了 `input` 绑定了一个 `v-model`，当输入框的值发生变化时，会触发 `handleInput` 方法。在 `handleInput` 方法中，我们使用正则表达式匹配出所有的话题，并将文本按照话题分割成数组。然后，我们遍历数组，根据索引位置判断是否是话题部分，如果是话题部分，就将其设置为高亮颜色。最后，将处理后的节点数组赋值给 `richTextNodes`，用于渲染 `rich-text` 组件。