微信小程序中,vant的DropdownMenu如何获取选中值
时间: 2024-03-03 09:53:07 浏览: 240
如何获取select下拉框的值(option没有及有value属性)
5星 · 资源好评率100%
在Vant的DropdownMenu组件中,可以通过监听`change`事件来获取选中的值。具体来说,需要在`DropdownMenu`组件上设置`@change`事件,并在事件处理函数中获取选中的值。
以下是一个示例代码:
```html
<van-dropdown-menu :columns="columns" @change="handleChange">
<template #title>
<div class="dropdown-title">请选择</div>
</template>
</van-dropdown-menu>
```
```javascript
export default {
data() {
return {
columns: [
{
text: '选项1',
value: '1'
},
{
text: '选项2',
value: '2'
},
{
text: '选项3',
value: '3'
}
],
selectedValue: ''
}
},
methods: {
handleChange(value) {
this.selectedValue = value;
console.log('选中的值为:', value);
}
}
}
```
在上面的代码中,`handleChange`方法会在选中值发生变化时被触发,可以通过`value`参数获取到选中的值。在这个例子中,我们将选中的值存储在`selectedValue`变量中,并在控制台输出选中的值。
阅读全文