Bootstrap-Vue使用 b-select 的强制刷新 问题

当父组件向子组件传递版本列表和选定版本并改变时,子组件使用watch监听并更新b-select。然而,由于选择框内容更新不及时,导致选定版本显示为空。通过增加对子组件的强制刷新,确保先更新下拉列表,然后设置默认选中项,成功解决了选定版本不显示的问题。
摘要由CSDN通过智能技术生成

背景描述:

父组件传给子组件的参数(版本列表、选定的版本)变化时,需要刷新子组件的内容。

场景为:父组件会增加版本列表,并且将新增的版本作为选定的版本。

子组件使用 watch进行监听,子组件使用 b-select 作为下拉框,其中 :options="version_options" 中的列表为父组件传入的版本列表。子组件的代码如下:

<b-select :options="version_options" v-model="vctl_version_selected"  @input="handleVersionChange">

                    <template v-slot:first>

                        <b-form-select-option  :value="null" disabled>-- Please select one --</b-form-select-option>

                    </template>

                    </b-select>

<div class="text-center">当前版本:<strong>{ { this.vctl_version_selected }}</strong></div>

export default {

    name:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值