背景描述:
父组件传给子组件的参数(版本列表、选定的版本)变化时,需要刷新子组件的内容。
场景为:父组件会增加版本列表,并且将新增的版本作为选定的版本。
子组件使用 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: |