原生 js
使用 getElementById 比较麻烦的地方
需要为元素设置 id
设置 id 之后，无法复用，因为一个页面中不能存在两个相同的 id
双向绑定 v-model
分两种情况
input 默认为空。这种情况使用 v-model 最方便，通过 this.inputName 即可获取到对应的值。
input 有默认值。即，设置了 value 属性的 Input。这种情况不能使用 v-model。否则 data 中的初始化值会把 value 的值覆盖掉。正确的姿势是使用 v-model, 然后通过 ajax 从后台拉取默认值，给对应的 vuejs 变量赋值。对于简单的后台渲染页面，这种方式略显复杂。
jQuery
不爽的地方包含了使用原生 js 的几项，同时还要额外引入 jQuery。
ref
在不适合使用 v-model 的时候，我更倾向于使用 ref.
vuejs 2.0 之后，废弃了 vuejs 1.0 中的 this.$els，改用 this.$refs。即，使用 ref 属性来标识一个元素。
这个地方抄袭 reactjs 太明显了。示例代码：
测试
{{ result1 }}
测试
{{ result2 }}
demo.html
Index Page
测试
{{ result1 }}
测试
{{ result2 }}
demo.js
new Vue({
el: "#demo",
data: {
result1: null,
result2: null,
input2: ""
},
created: function() {
// the created hook is called after the instance is created
},
methods: {
test1: function () {
this.result1 = this.$refs.input1.value + " 成功!";
},
test2: function () {
this.result2 = this.input2 + " 成功!";
}
}
})
vue.min.js:6 Uncaught ReferenceError: input2 is not defined
这是一个比较奇葩的问题，如果 v-model 的变量不在 data 中初始化，就会报这个错误。
不知道是否是　vuejs 2.0 新引入的机制，在 1.0 中没有发现这个问题。

ele默认返回一个数组，对应其id。

但是我还想拿到他们选择的label


加一个ref
   handleChange(value) {
      if (value) {
        console.log(this.$refs.cascaderAddr.getCheckedNodes()[0].pathLabels);
      }
    },

最后控制台就可以获取了

这篇文章主要为大家详细介绍了vue.js 获取当前自定义属性值，具有一定的参考价值，可以用来参考一下。
感兴趣的小伙伴，下面一起跟随512笔记的小编两巴掌来看看吧！
假设有一个标签h5, 我们给它添加了一个自定义属性值，(item.id是从动态添加的)
点击h5 标签，如何才能获取当前对应的自定义属性值呢？
想当然的我最开始这样写：
代码如下：
methods: {
getDataId() {
console.log(this.data-id);
}
},
显然，这样是拿不到 data-id的值的。。。。
应该这样做：
代码如下：
methods: {
getDataId(id) {
console.log(id);
}
},
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持512笔记。
注：关于vue.js 获取当前自定义属性值的内容就先介绍到这里，更多相关文章的可以留意512笔记的其他信息。
关键词：vue.js

    
假设有一个标签h5, 我们给它添加了一个自定义属性值，（item.id是从动态添加的）
点击h5 标签，如何才能获取当前对应的自定义属性值呢？
想当然的我最开始这样写：
<h5 class="left t-title" @click='getDataId' :data-id="item.id"></h5>

<script>
    methods: {
        getDataId() {
            console.log(this.data-id);
        }
      },
    
</script>
显然，这样是拿不到 data-id的值的。。。。
应该这样做：
<h5 class="left t-title" @click='getDataId(item.id)' :data-id="item.id"></h5>

<script>
    methods: {
        getDataId(id) {
            console.log(id);
        }
      },
    
</script>


转载于:https://www.cnblogs.com/fayin/p/6415286.html