用v-if显示和隐藏元素
已解决我有一个单选按钮，如果这个人选择“是”，我想渲染一个额外的div。如果选择了“是”，然后他们选择了“否”。我想再次隐藏那个分区，我尝试使用v-if和带有@click的触发器，但是不起作用。我做错了什么？
<b-row>
<b-col cols="6">
<b-form-group>
<label>Would you like to show the div?</label>
<b-form-radio name="asociado" id="asociado" @click="asociado = true">Yes</b-form-radio>
<b-form-radio name="asociado" id="noasociado" @click="asociado=false">No</b-form-radio>
</b-form-group>
</b-col>
</b-row>
<b-row v-if="asociado">
<h1>hi</h1>
</b-row>
<script>
export default {
data(){
return{
asociado: false,
}
}
}
</script>
展开
收起
1
条回答
写回答
写回答
-
采纳回答问题是
js b-radio-input组 件
没有发出js click 事
件。如果这是BootstrapVue，正如所建议的，您可以看到它们发出的事件这里。1```js <b-form-radio name="asociado" id="asociado" @change="asociado = true">Yes <b-form-radio name="asociado" id="noasociado" @change="asociado = false">No
2 ```js <b-form-radio name="asociado" id="asociado" :value="true" v-model="asociado">Yes</b-form-radio> <b-form-radio name="asociado" id="noasociado" :value="false" v-model="asociado">No</b-form-radio>3
<b-form-radio name="asociado" id="asociado" @click.native="asociado = true">Yes</b-form-radio> <b-form-radio name="asociado" id="noasociado" @click.native="asociado = false">No</b-form-radio>34
<b-row> <b-col cols="6"> <b-form-group> <label>Would you like to show the div?</label> <b-radio-group v-model="asociado" :options="[{text: 'Yes', value: true}, {text: 'No', value: false}]"> </b-radio-group> </b-form-group> </b-col> </b-row> <b-row v-if="asociado"> <h1>hi</h1> </b-row>共四种方法 共四种方法
2019-12-04 10:07:10赞同 展开评论 打赏
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
相关问答
问答排行榜
最热
最新
推荐问答
