我有一个单选按钮,如果这个人选择“是”,我想渲染一个额外的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>
问题是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>3
4
<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>
共四种方法 共四种方法
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。