只要我的子组件中的 v-if 等于 true,我就会尝试显示一个跨度。谁能建议我做错了什么。目前,我不知道我做错了什么。
子组件
const cardsTemplate = {
template:
`
<fieldset v-if="show.seach_checkboxes">
<span>HELLO WORLD</span>
</fieldset>
`,
props: ['js_local'],
data() {
return {
show:{
search_checkboxes : {
type: Boolean,
default: true,
}
}
}
},
methods :{
change_boolean : function(reverse_boolean){
this.show[reverse_boolean] = !this.show[reverse_boolean]
console.log(this.show)
},
show_search_template: function(){
this.change_boolean('search_checkboxes')
},
get_search_template : function(){
$.post(this.js_local.ajaxurl,
{action : 'get_search_templates'}
).done((data)=>{
this.name = JSON.parse(data)
}).fail((error)=>{
console.log(error)
})
},
}
}
最佳答案
看起来您正在尝试使用 data()
进行类型检查,与使用 props
的方式相同。试试这个:
data() {
return {
show: {
search_checkboxes: true
}
}
}
此外,在您的 HTML 模板中,您拼错了 search_checkboxes
,它缺少“r”。
<fieldset v-if="show.seach_checkboxes">
^^^
关于javascript - v-if 在我的子组件中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54789740/