[Vue warn]: Missing required prop: “value“

深碍√TFBOYSˉ_ 2023-01-06 05:43 335阅读 0赞

其他情况有很多博客我就不展开了 ，我说说我的情况
可能有经验的一眼就看出来了，确困扰我很长时间

  1. <Select v-model="search.from" style="width: 200px">
  2.     <Option :value="0" :key="0">全部</Option>
  3.     <Option :value="1" :key="1">仓库添加</Option>
  4.     <Option :value="2" :key="2">接车采购</Option>
  5.     <Option :value="3" :key="3">现金采购</Option>
  6. </Select>

报错 [Vue warn]: Missing required prop: "value"
后来看到https://my.oschina.net/uwith/blog/3019313这篇文章
我和他的原因大致一样就是因为直接在里面写了固定值，即:value="0"这样
正确的是

  1. <Select v-model="search.from" style="width: 200px">
  2.     <Option v-for="(item,index) in from" :value="item.id" :key="index">{
  3.    {item.title}}</Option>
  4. </Select>
  6. return {
  7.         from:[
  8.             {id:0,title:'全部'},
  9.             {id:1,title:'仓库添加'},
  10.             {id:2,title:'接车采购'},
  11.             {id:3,title:'现金采购'},
  12.         ],
  13.     }

发表评论

表情：
评论列表 （有 0 条评论，335人围观）

还没有评论，来说两句吧...

相关阅读