0
如何使用计算器来实现它?当我输入的输入ul
只显示li
其中包括我的输入。例如,如果我输入广告,则只会显示“添加一些待办事项”li
。如果我放弃输入,ul会放弃,所有li
将再次显示。 这是我的代码,我使用Vue。如何使用计算器在输入中过滤Vue中的`ul`?
div id="app">
<input v-model="newTodo" v-on:keyup.enter="addTodo">
<ul>
<li v-for="todo in todos">
<span>{{ todo.text }}</span>
<button v-on:click="removeTodo($index)">X</button>
</li>
</ul>
<script>
new Vue({
el: '#app',
data: {
newTodo: '',
todos: [
{text: 'Add some todos'}
]
},
methods: {
addTodo: function() {
var text = this.newTodo.trim()
if (text) {
this.todos.push({text: text})
this.newTodo = ''
}
},
removeTodo: function (index) {
this.todos.splice(index, 1)
}
}
})
</script>