vue3 vxe-radio-group 接收后端string类型数据 不立即回显
可以通过使用v-model和@update:modelValue来实现不立即回显的需求。
首先,在vxe-radio-group组件上绑定v-model指令:
<vxe-radio-group v-model="selectedValue" :options="options"></vxe-radio-group>
其中,selectedValue是需要在Vue实例中定义的变量,用于存储选中的值。
然后,在组件上监听@update:modelValue事件:
<vxe-radio-group v-model="selectedValue" :options="options" @update:modelValue="handleUpdate"></vxe-radio-group>
在Vue实例中定义handleUpdate方法,该方法会在组件的值发生改变时被调用:
methods: {
handleUpdate (value) {
// 处理接收到的字符串类型数据
let newValue = parseInt(value)
// 存储选中的值,但不立即回显
this.selectedValue = newValue
}
}
在handleUpdate方法中,可以对从后端接收到的字符串类型数据进行处理,将其转换为适合前端展示的数据类型(比如数字类型)。然后,将处理后的值存储到selectedValue中,但不立即回显。
这样,就可以实现不立即回显的需求了。当需要回显时,可以在需要的时机手动将selectedValue的值赋给组件的modelValue属性,触发组件的重新渲染
原文地址: http://www.cveoy.top/t/topic/d5sL 著作权归作者所有。请勿转载和采集!