在你的 Vue 组件中,定义一个数组来存储你想要预先选中的复选框的值。 使用van-checkbox-group 和van-checkbox 组件: 在模板中使用 van-checkbox-group 组件,并通过 v-model 绑定到之前定义的数据模型。同时,使用 van-checkbox 组件来表示每个复选框,并通过 name 属性指定每个复选框的值。 以下是一个示例代码,...
首先正常情况下你的tyList的数据是由年份影响的,按道理切换年份就该清空之前选中的result,因为之前result很可能就没有了,所以当然没有回显。如果强行要保留,就是获取新的tyList后,把之前result的结果再push进去tyList,但是不知道你切换后的数据会不会和result的结果有没有重复,有重复可能还要去重等操作,不知道对你后...
2.在组件中使用van-checkbox-group组件包裹van-checkbox组件,并使用v-model绑定一个数组,用来存储选中的复选框的值。 ```html <van-checkbox-group v-model="checkedList"> <van-checkbox v-for="item in options" :key="item.value" :name="item.value" :value="item.value">{{ item.label }}</van...
在vant中,当使用van-checkbox-group组件设置了max属性后,如果选中的选项数量达到了max的值,其余未选中的选项会呈灰色不可选状态。 如果您想要保留这种效果,可以使用disabled属性将所有超出max数量的选项都设置为不可选状态,例如: <van-checkbox-groupv-model="checked"max="2"><van-checkboxv-for="item in list...
result 是选中结果tyList 是接口返回的结果切换台风年份的时候,tyList会从接口获取数据更新 但是如果有选中的,来回切换年份无法回显如果name改成绑定id的话 是可以回显的 但是会影响其他功能 //选择台风年份 selectTy(item, index) { this.activeIndex = index; this.getTyList(item.TYPHOON_YEAR);//调用接口 更新...
result 是选中结果tyList 是接口返回的结果切换台风年份的时候,tyList会从接口获取数据更新 但是如果有选中的,来回切换年份无法回显如果name改成绑定id的话 是可以回显的 但是会影响其他功能 //选择台风年份 selectTy(item, index) { this.activeIndex = index; this.getTyList(item.TYPHOON_YEAR);//调用接口 更新...