vue怎么获取span

vue.js 提供了三种获取 span 元素的方法：1. 使用 ref 属性语法；2. 使用 template 引用语法；3. 使用 vue.nexttick 和 queryselector 语法。

(图1)

如何使用 Vue.js 获取 Span 元素

Vue.js 提供了几种方法来获取 DOM 元素，包括 span 元素。

1. 使用 ref 属性

语法：

立即学习“前端免费学习笔记（深入）”；

用法： 在模板中为 span 元素指定一个 ref 属性。然后，可以在 Vue 实例中使用 this.$refs 访问该元素。

export default {
  data() {
    return {
      spanText: '',
    }
  },
  mounted() {
    this.spanText = this.$refs.spanRef.textContent;
  }
}

1、本站目前拥有近 1000+ 精品收费资源，现在加入VIP会员即可全部下载。
2、本资源部分来源其他付费资源平台或互联网收集，如有侵权请联系及时处理。
SEA模板网 » vue怎么获取span

分享到：