vxe-radio-group 接收后端string类型数据 直接回显
vxe-radio-group 组件支持使用 v-model 绑定一个变量来控制选中的值,因此如果后端返回的数据是一个 string 类型的值,只需要将该值绑定到 v-model 上即可实现直接回显。
示例代码:
<vxe-radio-group v-model="selectedValue">
<vxe-radio :label="'option1'">选项1</vxe-radio>
<vxe-radio :label="'option2'">选项2</vxe-radio>
<vxe-radio :label="'option3'">选项3</vxe-radio>
</vxe-radio-group>
<script>
export default {
data() {
return {
selectedValue: 'option2' // 后端返回的 string 类型数据
}
}
}
</script>
在上述代码中,v-model 绑定了一个名为 selectedValue 的变量,该变量的初始值为 'option2',表示选中了第二个选项。如果后端返回的数据是 'option1',只需要将 selectedValue 的值改为 'option1',就可以实现直接回显。
注意:如果后端返回的数据不在选项列表中,vxe-radio-group 组件会默认不选中任何选项。因此需要确保后端返回的数据与选项列表中的 label 值匹配
原文地址: http://www.cveoy.top/t/topic/d5pm 著作权归作者所有。请勿转载和采集!