Javascript 如何在文本Vuejs上使用strike?
我正在使用vuejs构建一个todo应用程序,我希望在检查元素时,使文本以html的line through或strike()形式呈现 这是我的密码:Javascript 如何在文本Vuejs上使用strike?,javascript,css,vue.js,Javascript,Css,Vue.js,我正在使用vuejs构建一个todo应用程序,我希望在检查元素时,使文本以html的line through或strike()形式呈现 这是我的密码: <html> <head> </head> <body> <div id="app"> <h2 class="title">What should I do today?</h2> <div v-for="task
<html>
<head>
</head>
<body>
<div id="app">
<h2 class="title">What should I do today?</h2>
<div v-for="task in tasks">
<input type="checkbox" value=task.task v-on:change="checkedOrNot(task)">
<span class="title" >{{task.task}}</span>
</div>
<new-task @new_task_entered="handle_new_task" ></new-task>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
</body>
</html>
我今天应该做什么?
{{task.task}
您可以尝试这样做,例如:
<div v-for="task in tasks">
<input type="checkbox" value=task.task v-on:change="checkedOrNot(task)">
<strike v-if="checkedOrNot(task)">{{task.task}}</strike>
<span v-else class="title" >{{task.task}}</span>
<div/>
{{task.task}
{{task.task}