vue

vue如何获取自定义属性

养鱼的猫咪
1171
2021-05-11 16:04:24
栏目: 编程语言

在vue中获取自定义属性的方法:1.新建vue.js项目;2.自定义button标签;3.执行代码获取标签属性;

vue如何获取自定义属性

具体步骤如下:

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

}

}

})


0
看了该问题的人还看了