vue里怎样获取指定的class下的元素，并修改dom里的值？

  • Z时代
  • 2024-03-09
  • 分类：IT

class="html"><div class="cell-group">
    <span>
        {{content}}
    </span>
</div>

cell-group是一个标题的class，想用函数过滤span里的文本

在vue里怎样获取全部的cell-group（不同的组件）dom，并修改dom里的值

回答：

const cellGroupSpanList = doucment.querySelectorAll(".cell-group > span");
cellGroupSpanList.forEach(dom => dom.innerHTML = "xxxx");

回答：

既然你都使用vue这种双向绑定的框架了，除非有必要的情况下不要对DOM直接进行操作

<template>
  <div class="cell-group">
    <span>{{ processedContent }}</span>
  </div>
</template>
<script>
export default {
  name: 'New',
  data() {
    return {
      content: '这是span标签里的文本'
    }
  },
  computed: {
    processedContent() {
      // 在这里对文本进行处理
      return this.content.toUpperCase();
    }
  }
}
</script>

以上是 vue里怎样获取指定的class下的元素，并修改dom里的值？ 的全部内容， 来源链接： utcz.com/p/934389.html

回到顶部