文章摘要:vue如何获取自定义属性 vue怎么自定义属性
在vue中获取自定义属性的方法:1.新建vue.js项目;2.自定义button标签;3.执行代码获取标签属性 […]
在vue中获取自定义属性的方法:1.新建vue.js项目;2.自定义button标签;3.执行代码获取标签属性;
具体步骤如下:
1.首先,在vue-cli中创建一个vue.js项目;
vue create project-name
2.vue.js项目创建好后,在项目中自定义一个button标签;
<div id="app">
<button v-for="list in items" @click="getType(list.type)" :type="list.type">click{{list.type}}</button>
<p>type:{{type}}</p>
</div>
3.最后,button标签定义好后,在项目中执行以下代码即可获取自定义的button标签属性;
var vm = new Vue({
el:'#app',
data:{
type:'',
items:[
{type:1},
{type:2}
]
},
methods:{
getType:function(type){
this.type = type
}
}
})