vant 下拉框样式_解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题

本文介绍了在Vue项目中使用Vant下拉框组件van-dropdown-item时遇到的title值无法更新的问题。通过查阅Vant API文档,了解到title用于设置下拉框的初始显示文字,而非自动绑定选定选项的文字。通过监听change事件,可以在选项改变时动态更新title,实现title值的正确绑定。详细步骤和代码示例帮助开发者解决问题。
摘要由CSDN通过智能技术生成

1、创建vue项目

2、使用vant组件

npm install vant --S

全局引用时在main.js引入

import Vant from "vant";

import "vant/lib/index.css";

Vue.use(Vant);

假如你引入之后发现页面的样式和组件都挂载了,但是console控制台会报错,说xxxx组件没有register,这个时候很有可能是你的vant插件版本有问题,重新下载一个最新的vant就可以了,现在是2.6.0版本

好,接下来继续

在需要使用下拉框的地方使用下拉框组件

v-model="value"

:options="developList"

/>

data () {

return {

value: ""

developList: [

{

value: "1",

text: "我是第一个"

},

{

value: "2",

text: "我是第二个"

},

]

}

}

假如是这样的话那么下拉框就会默认显示第一个字眼“wishing第一个”,然后你在点击下拉框选择第二个时也会改变成“我是第二个”

如果你不想有默认选中&

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值