剛開始摸索Vue，在使用v-if的時候使用出現了問題。想要實作一個點擊文字鏈接展現隱藏起來的表單，但是v-if的判斷總是不起作用，想問問怎么解決，代碼如下
<el-form :model="form" v-if="is_queryinfo==true">
<el-form-item label="輸入查詢">
<el-input v-model="form.query"></el-input>
</el-form-item>
<el-select v-model="form.training_method">
<el-option label="課堂培訓" value="https://bbs.csdn.net/topics/0"></el-option>
<el-option label="師傅帶教" value="https://bbs.csdn.net/topics/1"></el-option>
<el-option label="直播網課" value="https://bbs.csdn.net/topics/2"></el-option>
<el-option label="混合式" value="https://bbs.csdn.net/topics/3"></el-option>
</el-select>>
</el-form>
data: {
is_queryinfo: false,
form: {
query: '',
training_method: Number,
}
},
methods: {
onQuery() {
var _this = this ;
_this.is_queryinfo = true ;
_this.$forceUpdate();
console.log(_this.is_queryinfo) ;
}
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/256576.html
標籤：JavaScript
上一篇：前端實作增刪改查功能
下一篇：Web學"前"班~