最近在項(xiàng)目中使用了vue.js。在爬坑的路上遇到了很多問題。這里都會(huì)給記錄下來,今天要說的是怎么獲取自定義屬性的值。
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 } }})在線demo:http://js.jirengu.com/wemefivime
本文已被整理到了《Vue.js前端組件學(xué)習(xí)教程》,歡迎大家學(xué)習(xí)閱讀。
關(guān)于vue.js組件的教程,請(qǐng)大家點(diǎn)擊專題vue.js組件學(xué)習(xí)教程進(jìn)行學(xué)習(xí)。
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持錯(cuò)新站長站。
新聞熱點(diǎn)
疑難解答
圖片精選