vue项目中使用vant下拉框title值不变如何解决

问题描述：

在vue项目中，使用vant下拉框时，title值不变，需要解决这个问题。

解决方案：

方案一：手动添加title的改变。

在van-cell中添加value属性，将value值绑定到v-model上，使用@change监听下拉框的值的变化，在onConfirm方法中手动更改value1的值，并在popup中添加@cancel和@confirm方法，配合popupShow属性实现点击下拉框出现下拉框，点击取消或确认收回下拉框。

解决方案：

方案二：使用vant自带的组件解决问题。

使用van-cell-group包裹van-field，将van-field中的label和value绑定到value上，并监听@click事件，在事件中修改popupShow的状态，使用van-popup封装van-picker，配合show-toolbar、@cancel、@confirm等属性和方法实现下拉框的显示、隐藏和选择。

总结：

使用vant下拉框时，可以手动添加value和title的改变，也可以使用vant自带的组件解决问题。第一种方案需要手动添加事件和方法，代码量较大，但可以根据需要自定义下拉框的显示和隐藏。第二种方案使用vant封装的组件，代码量较小，但需要按照vant提供的组件使用方法来实现下拉框的显示和隐藏。