我的問題是我正在嘗試編輯一個角色，所以我有兩個功能，一個是恢復角色及其權限，一個是恢復所有權限。我正在嘗試執行嵌套 v-for 回圈以顯示所有權限并檢查已選擇的權限。一切正常，但由于某種原因我無法顯示所有權限。還有一項名為“洗掉用戶”的權限沒有顯示。無論如何，問題 100% 來自模板方面。
<div class="container" v-for="(mission,key,index) in permissions" :key="key">
<div class="form-group" v-for="(per,key,index) in selected" :key="key" v-if="mission.id == per.id">
<input type="checkbox" v-model="mission[key]" checked >{{mission.name}}
<div v-if="mission.id !== per.id">
<input type="checkbox" v-model="mission[key]">{{mission.name}}
<p>fucking hell</p>
</div>
</div>
</div>
<script>
export default {
data(){
return{
role:'',
permissions:[],
selected:[],
}
},
mounted(){
this.showRole()
this.getPermissions()
},
methods:{
showRole(){
this.axios.get(`/api/role/${this.$route.params.id}`).then(response=>{
const{role ,selected}= response.data
this.role= role
this.selected = selected
}).catch(error=>{
console.log(error)
})
},
getPermissions(){
this.axios.get('/api/permissions').then(response=>{
this.permissions =response.data
}).catch(error=>{
console.log(error)
})
},
}
}
</script>
這是回傳所有權限的 API 的圖片。你可以看到洗掉用戶在最后。
在此處輸入圖片說明
uj5u.com熱心網友回復：
不建議將v-if和v-for一起使用。查看樣式指南以獲取更多資訊。
當與 v-if 一起使用時，v-for 的優先級高于 v-if。
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/344440.html
標籤：javascript 拉拉维尔 Vue.js vue 组件
上一篇：Laravel特定格式的隨機字串