美文网首页
Vue中访问标签上data自定义数据

Vue中访问标签上data自定义数据

作者: 雪映月圆 | 来源:发表于2019-05-06 14:33 被阅读0次

HTML结构如下

      <ul ref="test">
        <li data-number="1">第一项</li>
        <li data-number="2">第二项</li>
      </ul>

获取li上的自定义属性number

        //  获取第一个li上的number值
        this.$refs.test.children[0].dataset.number;

        //  获取第二个li上的number值
        this.$refs.test.children[1].dataset.number;

相关文章

网友评论

      本文标题:Vue中访问标签上data自定义数据

      本文链接:https://www.haomeiwen.com/subject/jxwroqtx.html