<div id="box">
<input></input><button v-on:click="push">添加</button>
<ul>
<li v-for="a in arrs">{{a.name}}<button>刪除</button></li>
</ul>
</div>
<script src="js/vue.js"></script>
<script>
new Vue({
el:'#box',
data:{
arrs:[
{name:'吃飯'},
{name:'睡覺'},
{name:'打游戲'}]
},
methods:{
push:function(){
this.arrs.push({})
}
}
})
</script>2018-09-19Vue點擊添加刪除
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門栏账，熙熙樓的掌柜王于貴愁眉苦臉地迎上來帖族，“玉大人，你說我怎么就攤上這事挡爵∈悖” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵了讨，是天一觀的道長捻激。 經(jīng)常有香客問我制轰，道長，這世上最難降的妖魔是什么胞谭？ 我笑而不...
- 正文 為了忘掉前任垃杖，我火速辦了婚禮，結(jié)果婚禮上丈屹，老公的妹妹穿的比我還像新娘调俘。我一直安慰自己，他們只是感情好旺垒，可當我...
- 文/花漫 我一把揭開白布彩库。 她就那樣靜靜地躺著，像睡著了一般先蒋。 火紅的嫁衣襯著肌膚如雪骇钦。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼棍好，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了允耿？” 一聲冷哼從身側(cè)響起借笙，我...
- 正文 年R本政府宣布吃嘿，位于F島的核電站祠乃，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏兑燥。R本人自食惡果不足惜亮瓷，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望降瞳。 院中可真熱鬧嘱支，春花似錦、人聲如沸挣饥。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽扔枫。三九已至汛聚，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間短荐，已是汗流浹背贞岭。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 1.v-model雙向數(shù)據(jù)綁定 v-model主要用于表單元素 2.v-on 點擊切換 v-on是用來綁定事件 ...
- 1.v-model（雙向數(shù)據(jù)綁定）=>主要用于表單元素 2.v-on綁定事件 v-on:事件=“函數(shù)名”metho...
- 首先將基本的DOM內(nèi)容寫出淋硝，再進行JS的相關(guān)操作 HTML與CSS樣式內(nèi)容寫完后，我們來寫js內(nèi)容宽菜，如果要將js內(nèi)...
- 用戶添加和刪除 本次作業(yè)應(yīng)用了幾個簡單的vue.js指令谣膳，如v-model铅乡、v-on继谚、v-for等最為常見的指令v...
- 1.v-if / v-show控制元素的顯示隱藏案例一： body部分： js部分： 效果圖： 案例二诡壁、點擊隱藏顯...
