vue2.0獲取自定義屬性的值
更新時間：2017年03月28日 07:52:44 作者：Marven
這篇文章主要為大家詳細(xì)介紹了vue2.0如何獲取自定義屬性的值，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
最近在項(xiàng)目中使用了vue.js。在爬坑的路上遇到了很多問題。這里都會給記錄下來，今天要說的是怎么獲取自定義屬性的值。
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組件的教程，請大家點(diǎn)擊專題vue.js組件學(xué)習(xí)教程進(jìn)行學(xué)習(xí)。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
JS與HTML結(jié)合使用marquee標(biāo)簽實(shí)現(xiàn)無縫滾動效果代碼
這篇文章主要介紹了JS與HTML結(jié)合使用marquee標(biāo)簽實(shí)現(xiàn)無縫滾動效果代碼的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
js中requestAnimationFrame()解讀與使用示例
requestAnimationFrame()是JavaScript中用于創(chuàng)建高效、流暢動畫的核心方法,它與瀏覽器的重繪過程同步,確保每次動畫更新都與顯示器刷新率同步,下面就來一起了解一下2024-09-09
JavaScript模擬實(shí)現(xiàn)"雙11"限時秒殺效果
每年的“雙11”啊，都是大家的剁手節(jié)。大家都在晚上12點(diǎn)，捧著手機(jī)看著倒計(jì)時，在他倒數(shù)到0的時候瘋狂點(diǎn)擊下單。可是你有沒想過限時秒殺是怎么實(shí)現(xiàn)的呢？本文將為你揭秘如何用JavaScript實(shí)現(xiàn)限時秒殺，快來了解一下吧2022-03-03
馬上圣誕節(jié)了，作為一名程序猿，如何體現(xiàn)自己獨(dú)特的過節(jié)風(fēng)格，如何在朋友圈發(fā)一張專屬自己的祝福照片我覺得很有必要，你們說是不是2015-12-12
這篇文章主要為大家介紹了GoJs連線繪圖模板Link使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
javascript中定義變量const和var有什么區(qū)別詳解
這篇文章主要給大家介紹了關(guān)于javascript中定義變量const和var有什么區(qū)別的相關(guān)資料,在JavaScript中var和const都是用于聲明變量的關(guān)鍵字,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-03-03
本文重點(diǎn)給大家介紹IONIC自定義subheader的最佳解決方案，本文實(shí)例講解，介紹的非常詳細(xì)，感興趣的朋友一起看看吧2016-09-09
D3.js的基礎(chǔ)部分之?dāng)?shù)組的處理數(shù)組的排序和求值(v3版本)
這篇文章主要介紹了D3.js的基礎(chǔ)部分之?dāng)?shù)組的處理數(shù)組的排序和求值(v3版本) ,非常不錯，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-05-05
這篇文章主要介紹了JavaScript類型判斷的四種方法，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-10-10
JavaScript惰性載入函數(shù)實(shí)例分析
這篇文章主要介紹了JavaScript惰性載入函數(shù),結(jié)合實(shí)例形式分析了JavaScript惰性載入函數(shù)的概念、原理、實(shí)現(xiàn)方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-03-03