uview u-dropdown 怎么获取选中的值,全部代码
时间: 2024-03-05 08:53:33 浏览: 116
uniapp uView u-picker组件三级联动Demo
下面是使用 uview u-dropdown 获取选中值的示例代码:
```
<template>
<view>
<u-dropdown :list="list" @select="onSelect"></u-dropdown>
</view>
</template>
<script>
export default {
data() {
return {
list: [
{ text: '选项1', value: 'value1' },
{ text: '选项2', value: 'value2' },
{ text: '选项3', value: 'value3' },
],
selectedValue: null,
};
},
methods: {
onSelect(item) {
this.selectedValue = item.value;
console.log('选中的值:', this.selectedValue);
},
},
};
</script>
```
在代码中,我们定义了一个 `list` 数组作为下拉菜单的选项,并使用 `@select` 监听下拉菜单选项的变化,当选项变化时,会触发 `onSelect` 方法。在该方法中,我们可以通过传入的 `item` 参数获取当前选中的选项对象,然后通过 `item.value` 获取选中的值。同时,我们还定义了一个 `selectedValue` 变量用于记录当前选中的值,在需要获取选中值的其他地方可以直接使用该变量获取。
阅读全文