vue2.0獲取自定義屬性的值
更新時(shí)間：2017年03月28日 07:52:44 作者：Marven
這篇文章主要為大家詳細(xì)介紹了vue2.0如何獲取自定義屬性的值，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
最近在項(xiàng)目中使用了vue.js。在爬坑的路上遇到了很多問題。這里都會(huì)給記錄下來(lái)，今天要說(shuō)的是怎么獲取自定義屬性的值。
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í)。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)放煙花效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)搜索欄效果，以及焦點(diǎn)問題的解決，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
本文給大家分享的是使用javascript實(shí)現(xiàn)的圖片左右輪播的代碼，已經(jīng)封裝完畢，使用方法非常簡(jiǎn)單，參考示例，有需要的小伙伴可以參考下。2015-07-07
這篇文章介紹了window.open()被瀏覽器攔截的解決方法，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
js實(shí)現(xiàn)鼠標(biāo)移入移出卡片切換內(nèi)容
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)鼠標(biāo)移入移出卡片切換內(nèi)容，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10![打豆豆小游戲 用javascript編寫的[打豆豆]小游戲](http://img.jbzj.com/images/xgimg/bcimg5.png)
用javascript 寫了一個(gè)打豆豆的游戲，至于怎么玩的就不細(xì)說(shuō)了，到網(wǎng)上搜一下就知道了，很簡(jiǎn)單,感興趣的朋友可以了解下哦2013-01-01
JS實(shí)現(xiàn)點(diǎn)擊按鈕自動(dòng)增加一個(gè)單元格的方法
這篇文章主要介紹了JS實(shí)現(xiàn)點(diǎn)擊按鈕自動(dòng)增加一個(gè)單元格的方法,實(shí)例分析了javascript操作表格單元格的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
TypeScript是JavaScript的超集,擴(kuò)展了JavaScript的語(yǔ)法,因此現(xiàn)有的JavaScript代碼可與TypeScript一起工作無(wú)需任何修改,TypeScript通過(guò)類型注解提供編譯時(shí)的靜態(tài)類型檢查,下面這篇文章主要給大家介紹了關(guān)于TypeScript安裝與使用的詳細(xì)教程,需要的朋友可以參考下2023-01-01
純js實(shí)現(xiàn)無(wú)限空間大小的本地存儲(chǔ)
這篇文章主要介紹了純js實(shí)現(xiàn)無(wú)限空間大小的本地存儲(chǔ)的功能，源碼和demo都放給大家，本文著重說(shuō)下實(shí)現(xiàn)的原理，具體的實(shí)踐擴(kuò)展小伙伴們自由發(fā)揮吧。2015-06-06
JavaScript使用html2canvas實(shí)現(xiàn)截取HTML并生成圖片
在前端開發(fā)中,有時(shí)我們需要將網(wǎng)頁(yè)的一部分或整個(gè)頁(yè)面截取并保存為圖片,這在生成報(bào)告、分享內(nèi)容或保存用戶界面狀態(tài)等場(chǎng)景中非常有用,本文將介紹如何使用 JavaScript 庫(kù) html2canvas 來(lái)實(shí)現(xiàn)這一功能,并提供一個(gè)完整的示例,需要的朋友可以參考下2024-10-10