uview Dropdown 怎么获取选中的值,全部代码
时间: 2024-03-05 07:53:28 浏览: 57
获取select的值
下面是使用 uview Dropdown 获取选中值的示例代码:
```
<template>
<view>
<dropdown :list="list" @change="onChange"></dropdown>
</view>
</template>
<script>
export default {
data() {
return {
list: ['选项1', '选项2', '选项3'],
selectedIndex: null,
};
},
methods: {
onChange(index) {
this.selectedIndex = index;
console.log('选中的值:', this.list[index]);
},
},
};
</script>
```
在代码中,我们定义了一个 `list` 数组作为下拉菜单的选项,并使用 `@change` 监听下拉菜单选项的变化,当选项变化时,会触发 `onChange` 方法。在该方法中,我们可以通过传入的 `index` 参数获取当前选中的选项索引,然后通过 `this.list[index]` 获取选中的值。同时,我们还定义了一个 `selectedIndex` 变量用于记录当前选中的索引,在需要获取选中值的其他地方可以直接使用该变量获取。
阅读全文