我有一個使用 Laravel 和 Vue.js 的簡單待辦事項列表應用程序。v-bind:class="[{'todo-list__item-checked': todo.complete}]"下面代碼中的條件類綁定在本地主機上對于開發模式和生產模式都可以正常工作。todo-list__item-checked一旦我將它部署到在線服務器,無論值是什么,類總是被設置todo.complete。我仔細檢查了該todo.complete值是否正確。它是 0 或 1。對于復選框輸入(始終選中)來說是一樣的。<ul class="todo-list text-left"> <li v-for="todo in nonNullTodos" v-bind:key="todo.id" :id="'todo_'+todo.id" class="edit-item-icon-parent"> <div class="list-item"> <label :for="todo.id" class="list-label" role="button"> <input type="checkbox" v-model="todo.complete" :id="todo.id" @click="toggleComplete(todo.id)"> <span class="todo-list__text" v-bind:class="[{'todo-list__item-checked': todo.complete}]" :id="'todo_name_'+todo.id">{{ todo.name }}</span></label> </div> <div class="list-action"> <i class="fa fa-pencil edit-item-icon" @click="editTodo(todo.id)"></i> <delete-button :item-id="todo.id" :item-type="'todo'"></delete-button> </div> </li></ul>我似乎無法弄清楚這個問題。任何幫助表示贊賞。謝謝。
Vue.js v-bind 類在部署時條件始終為真
飲歌長嘯
2023-04-01 17:31:21