【报Bug】uni-data-select组件的选中值，不支持代码控制动态切换选中值

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows 11 家庭中文版 21H2

HBuilderX类型：正式

HBuilderX版本号： 3.6.18

浏览器平台： Chrome

浏览器版本： 95内核

项目创建方式： HBuilderX

示例代码：

<template>  
  <view>  
      <uni-data-select v-model="value" :localdata="range" @change="change"></uni-data-select>  
  </view>  
</template>  

<script>  
  export default {  
    data() {  
      return {  
        value: 0,  
        range: [  
          { value: 0, text: "篮球" },  
          { value: 1, text: "足球" },  
          { value: 2, text: "游泳" },  
        ]  
      };  
    }  
  };  
</script>

操作步骤：

通过代码先改变`this.range`的值，再改变`this.value`是无效的，显示的值不会跟随变更

预期结果：

显示的值会跟随变更

实际结果：

不会跟随变更

bug描述：

uni-data-select组件的选中值，不支持通过代码切换

2023-02-23 19:11 负责人:无分享

2 个回复

弈凌 (作者) - yl-yue

上一步在赋值localdata，下一步赋值v-model，是无效的。通过setTimeout延迟赋值v-model。

setTimeout(() => {  
    this.selectedValue = 5;  
}, 360);

4***@qq.com

大佬这个问题是不是还没解决啊

弈凌 (作者)

解决了，看我的回复

2023-04-27 22:05

要回复问题请先登录或注册

【报Bug】uni-data-select组件的选中值，不支持代码控制动态切换选中值

操作步骤：

通过代码先改变`this.range`的值，再改变`this.value`是无效的，显示的值不会跟随变更

预期结果：

显示的值会跟随变更

实际结果：

不会跟随变更

bug描述：

2 个回复

公告

相关问题

【报Bug】uni-data-select组件的选中值，不支持代码控制动态切换选中值

操作步骤： 通过代码先改变this.range的值，再改变this.value是无效的，显示的值不会跟随变更

预期结果： 显示的值会跟随变更

实际结果： 不会跟随变更

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

通过代码先改变`this.range`的值，再改变`this.value`是无效的，显示的值不会跟随变更

预期结果：

显示的值会跟随变更

实际结果：

不会跟随变更