Vue.js Vuetify v-select项不更改值
编辑我用的不是 当我做出选择时,什么都没有发生。设置初始值是有效的 模板:Vue.js Vuetify v-select项不更改值,vue.js,vuetify.js,Vue.js,Vuetify.js,编辑我用的不是 当我做出选择时,什么都没有发生。设置初始值是有效的 模板: <v-select :items="accountTypes" v-model="formData.AccountName"> </v-select> 我查看了源代码,发现在v-select的generator line 128版本0.14.8中不会触发selectItem,请参见下面的代码 const data = { on: { click: e => th
<v-select
:items="accountTypes"
v-model="formData.AccountName">
</v-select>
我查看了源代码,发现在v-select的generator line 128版本0.14.8中不会触发selectItem,请参见下面的代码
const data = {
on: { click: e => this.selectItem(item) },
props: {
avatar: item === Object(item) && 'avatar' in item,
ripple: true,
value: active
}
}
我尝试过升级和降级模块,但我认为在某些地方存在某种愚蠢的错误。感谢您的任何意见:
我在package.json中的依赖项:
"dependencies": {
"axios": "^0.16.2",
"express": "^4.15.4",
"js-cookie": "^2.1.4",
"nuxt": "^0.10.7",
"vue": "^2.4.2",
"vue-server-renderer": "^2.4.2",
"vue-template-compiler": "^2.4.2",
"vuetify": "^0.14.8"
},
"devDependencies": {
"cross-env": "^5.0.5",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.1"
}
}
更新
问题可能是您没有最新版本的Vue,最新的Vuetify需要2.4.1。这就是我在整理这个片段时遇到的问题。这正如预期的那样有效
新Vue{
el:“应用程序”,
数据:{
帐户类型:[{
价值:1,
课文:学生
}, {
价值:2,
文本:公司
}],
表格数据:{
名字:,
姓氏:,
电邮:,
AccountTypeId:1,
账户名称:1,
用户名:,
密码:
}
},
}
形式{
宽度:50%;
}
{{formData.AccountName}
您没有关闭开始标记上的括号。这是一个输入错误,因为我想最小化堆栈溢出的示例,谢谢,Roy。感谢您查看它,但我一定没有很好地澄清我使用的是Vuetify的v-select组件,而不是vue select本身。总有一天,我会记得查看有关问题的标记:我忘了在这里回答。我最终从NuxtJS模板重建了整个堆栈,因为我的模板已经过时了。
"dependencies": {
"axios": "^0.16.2",
"express": "^4.15.4",
"js-cookie": "^2.1.4",
"nuxt": "^0.10.7",
"vue": "^2.4.2",
"vue-server-renderer": "^2.4.2",
"vue-template-compiler": "^2.4.2",
"vuetify": "^0.14.8"
},
"devDependencies": {
"cross-env": "^5.0.5",
"stylus": "^0.54.5",
"stylus-loader": "^3.0.1"
}
}