vue接口数据赋值给data一个参数变量无效

vue接口数据赋值给data一个参数变量无效_第1张图片
请求res.data.id无效,原因:接口未接收参数,无法指定具体是哪个id,所以无法返回

解决办法:利用forEach循环一下,使用item拿取参数

changePlate(id){
      let sid = null;
      if(id!=null){
        selectPlate().then(res => {
          res.data.forEach( (item) => {
            sid = item.id;
            if(sid==id){
              this.form.dishesPrice =item.platePrice;
            }
          })

        });
      }
  <el-form-item label="菜品金额:" prop="dishesPrice" :data="selectPlate" >
    <el-input v-model="form.dishesPrice" placeholder="请输入菜品金额" />
  </el-form-item>

你可能感兴趣的:(笔记,vue)