Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/402.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript vuetify自动完成预加载_Javascript_Vue.js_Vuejs2_Vuetify.js - Fatal编程技术网

Javascript vuetify自动完成预加载

Javascript vuetify自动完成预加载,javascript,vue.js,vuejs2,vuetify.js,Javascript,Vue.js,Vuejs2,Vuetify.js,我正在学习vuetify框架,我设法使用了大多数组件,但我在自动完成组件方面遇到了问题。 从头开始使用它很好,但如果我在创建过程中试图设置值,它根本不起作用。 我试图扩展vuetify示例中的一个,但没有成功 我想在创建过程中从API加载第一个值,但它保持为空 谢谢你的帮助 newvue({ el:“#应用程序”, 数据:()=>({ 描述限制:60, 条目:[], 孤岛加载:false, 型号:空, 搜索:“猫” }), 已创建:函数(){ model={“API”:“Cats”,“Desc

我正在学习vuetify框架,我设法使用了大多数组件,但我在自动完成组件方面遇到了问题。 从头开始使用它很好,但如果我在创建过程中试图设置值,它根本不起作用。 我试图扩展vuetify示例中的一个,但没有成功

我想在创建过程中从API加载第一个值,但它保持为空

谢谢你的帮助

newvue({
el:“#应用程序”,
数据:()=>({
描述限制:60,
条目:[],
孤岛加载:false,
型号:空,
搜索:“猫”
}),
已创建:函数(){
model={“API”:“Cats”,“Description”:“Tumblr中的猫的图片”,“Auth”:“HTTPS”:true,“Cors”:“unknown”,“Link”:https://thecatapi.com/docs.html“,”类别“:“动物”},
search=“猫”
},
计算:{
字段(){
如果(!this.model)返回[]
返回Object.keys(this.model).map(key=>{
返回{
钥匙:钥匙,
值:此.model[key]| |“不适用”
}
})
},
项目(){
返回this.entries.map(entry=>{
const Description=entry.Description.length>this.descriptionLimit
?entry.Description.slice(0,this.descriptionLimit)+'…'
:条目。说明
返回Object.assign({},entry,{Description})
})
}
},
观察:{
搜索(val){
//项目已加载
如果(this.items.length>0)返回
this.isLoading=true
console.log(“loadgin数据”)
//延迟加载输入项
axios.get()https://api.publicapis.org/entries')
。然后(res=>{
常量{count,entries}=res.data
this.count=count
this.entries=条目
})
.catch(错误=>{
console.log(错误)
})
.最后(()=>(this.isLoading=false))
}
}
})

搜索公共API
探索数以百计的免费API的消费准备!欲了解更多信息,请访问
.
清楚的
闭合圆

如果这是您试图使用的代码,则在“模型”的末尾缺少“,”

created:function(){

discrood通道上的model={…},blalan05只需给我一个回复:我创建的函数是乱码

newvue({
el:“#应用程序”,
数据:()=>({
描述限制:60,
条目:[],
孤岛加载:false,
型号:空,
搜索:“猫”
}),
创建(){
this.model={“API”:“Cats”,“Description”:“Tumblr中的猫的图片”,“Auth”:“HTTPS”:true,“Cors”:“未知”,“链接”:https://thecatapi.com/docs.html“,”类别“:“动物”},
this.search=“猫”
},
计算:{
字段(){
如果(!this.model)返回[]
返回Object.keys(this.model).map(key=>{
返回{
钥匙:钥匙,
值:此.model[key]| |“不适用”
}
})
},
项目(){
返回this.entries.map(entry=>{
const Description=entry.Description.length>this.descriptionLimit
?entry.Description.slice(0,this.descriptionLimit)+'…'
:条目。说明
返回Object.assign({},entry,{Description})
})
}
},
观察:{
搜索(val){
//项目已加载
如果(this.items.length>0)返回
this.isLoading=true
console.log(“loadgin数据”)
//延迟加载输入项
axios.get()https://api.publicapis.org/entries')
。然后(res=>{
常量{count,entries}=res.data
this.count=count
this.entries=条目
})
.catch(错误=>{
console.log(错误)
})
.最后(()=>(this.isLoading=false))
}
}
})

搜索公共APISSS
探索数以百计的免费API供消费!有关更多信息,请访问
.
清楚的
闭合圆

谢谢,我的错,我在这里发布之前更新了我的代码。我会更新问题,但这还不够
created :function() { 
  model={...}, <----
  search="Cats"
},