刷新后列表依然還在，那么如果想刪除某一項呢？
我知道直接在控制臺里刪除后刷新能行，還有沒有其它什么方法
kivet
2018-09-07
2 回答
舉報
0/150
提交
取消
2018-09-12
localStorage 有個 clear() 可以刪除所有的 localStorage...
不過這個應該是做成刪除某個待辦事項， 在items移除該元素就行了吧。
2018-09-10
注意：我是把vue.js通過<scrpt>引入的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>todolist</title>
<script src="./vue.js"></script>
</head>
<body>
<div id="root">
<div>
<input v-model="value"/>
<button v-on:click="submit">提交 </button>
</div>
<ul>
<todo?
v-for="(item, index) of list":key="index"
:content="item"
:index="index"
v-on:delete="handleDelete"
></todo>
</ul>
</div>
<script>
Vue.component('todo', {
props:['content', 'index'],
template:'<li @click="handleClick">{{content}}</li>',
methods:{
handleClick:function(){
this.$emit('delete', this.index)
}
}
})
new Vue({
el:"#root",
data:{
value:"",
list:[]
},
methods:{
submit:function(){
this.list.push(this.value);
this.value="";
},
handleDelete:function(index){
this.list.splice(index, 1)
}
}
})
</script>
</body>
</html>