本篇文章为大家展示了如何在vue2.0项目中获取自定义属性的值,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
HTML
<!DOCTYPE html>
<html>
<head>
<script src="http://vuejs.org/js/vue.js"></script>
<meta charset="utf-8">
<title>JS Bin</title>
</head>
<body>
<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>
</body>
</html>
Javascript
var vm = new Vue({
el:'#app',
data:{
type:'',
items:[
{type:1},
{type:2}
]
},
methods:{
getType:function(type){
this.type = type
}
}
})
上述内容就是如何在vue2.0项目中获取自定义属性的值,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注天达云行业资讯频道。