jd-opensource / jd-opensource/nutui

Picker 组件会默认设置columns的第一个,应该根据modelValue设置默认值

Open
#3,170 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
6.5k
Forks
835
PR merge metrics
No merged PRs in 30d

Description

### NutUI 包名

@nutui/nutui

### NutUI 版本号

4.3.12

### 平台

h5

### 重现链接

https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/picker

### 重现步骤

默认选中项
通过设置 v-model 实现默认选中项,v-model 是一个包含每项配置 value 值的数组。

import { ref } from 'vue'
const val = ref()
const columns = ref([
{ text: '南京', value: 'Nanjing' },
{ text: '无锡', value: 'Wuxi' },
{ text: '海北', value: 'Haibei' },
{ text: '北京', value: 'Beijing' },
{ text: '连云港', value: 'Lianyungang' },
{ text: '长沙', value: 'Changsha' },
{ text: '武汉', value: 'Wuhan' }
])

const confirm = ({ selectedValue, selectedOptions }) => {
console.log(selectedValue[0], selectedOptions[0])
}

### 期望的结果是什么?

没有设置默认值应该不选中

### 实际的结果是什么?

默认选中了第一个

### 环境信息

_No response_

### 其他补充信息

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.