可以通过使用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属性,触发组件的重新渲染

vue3 vxe-radio-group 接收后端string类型数据 不立即回显

原文地址: http://www.cveoy.top/t/topic/d5sL 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录