vue如何获取自定义属性 vue怎么自定义属性

主机教程 建站分享 2年前 (2022-09-27) 196次浏览

文章摘要: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

}

}

})


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:vue如何获取自定义属性 vue怎么自定义属性
文章链接:http://www.7966.org/post/11238.html
转载请注明出处

喜欢 (0)