Vue.js Vue异步绑定数据

Vue.js Vue异步绑定数据,vue.js,vuetify.js,nuxt.js,Vue.js,Vuetify.js,Nuxt.js,我读过很多关于这个话题的帖子。但在我的情况下就不同了 基于我的json数据,我将加载我的组件。 只有当它的类型是multiple时,我才需要启动一个函数来异步获取数组 我的处境 导出默认值{ 方法:{ //====================================================测试版================================ _getMultipleOptions(值){ 这是.axios.get(`/data/${value}.json`

我读过很多关于这个话题的帖子。但在我的情况下就不同了

基于我的json数据,我将加载我的组件。 只有当它的类型是multiple时,我才需要启动一个函数来异步获取数组

我的处境


导出默认值{
方法:{
//====================================================测试版================================
_getMultipleOptions(值){
这是.axios.get(`/data/${value}.json`)。然后({data})=>{
返回真值
this.multipleRelationFields=数据
})            
}
}
}
因为它是axios.get,所以需要异步加载。但我得到了一个[目标,在我的v-select中的承诺] 我无法在创建或装载时加载,因为它只需要在字段类型为multiple时加载数据

有解决方案吗?

包装到自定义组件中 还没有测试过,但也许它能给你一个解决方案的想法。您可以尝试将此“v-select”包装到您的自定义组件中

带有自定义v型的父组件


子组件-将使用prop
处理v型模型,并发出
输入
事件。仅当呈现组件时才会发出请求,这仅当field.type为Multiple时才会发生


导出默认值{
道具:[“值”、“字段”],
数据(){
返回{
MultiperrelationFields=[],
选择:此为.value
}
},
方法:{
onInput(){
this.$emit('input',this.selection)
}
},
安装的(){
this.$axios.get(`/data/${this.field.value}.json`)
.然后(r=>{
this.multipleRelationFields=r.data;
})
.catch(错误=>{
});
}
}

这是什么
返回true this.multipleRelationFields=data
?返回true是注册数据已加载。在v-if里。multiplerelationfields是我在v-select中绑定的项。在
返回
之后不能绑定任何内容。我没有添加数据函数,但是这个。multiplerelationfields是一个数据属性
这个。multiplerelationfields=数据
-这将不会执行。