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第一个”,然后你在点击下拉框选择第二个时也会改变成“我是第二个”
如果你不想有默认选中&