elementui 下拉框渲染不及时,值是上一个

Question

问题遇到的现象和发生背景

数据渲染不及时 选择下拉框值得时候 第一次没有 第二次选中了第一次的值

问题相关代码，请勿粘贴截图

 <el-dialog :title="title" :visible.sync="open4" width="500px" append-to-body>
      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
        <el-form-item label="处置事项" prop="yname">
          <el-select v-model="form.yname" placeholder="请选择处置事项" @change='jg($event)'>
            <el-option v-for="y in yp" :key="y.drugsid" :label="y.name" :value="y.drugsid">
            </el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="患者" prop="pname">
          <el-input v-model="form.pname" />
        </el-form-item>
        <el-form-item label="医生" prop="user_name">
          <el-input v-model="form.user_name" />
        </el-form-item>

        <el-form-item label="数量" prop="partNumber">
          <el-input-number v-model="partNumber" @change="handleChange" :min="1" label="描述文字"></el-input-number>
        </el-form-item>
        <el-form-item label="价格" prop="retail">
          <el-input v-model="form.retail" @input="changeSequence" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>

jg(id) {
        getInfo(id).then(response => {
          if (response.data != null) {
            console.log('------------');
            this.form.retail = response.data.retail;
          }
        });
      },

运行结果及报错内容

不报错 效果达不到

我的解答思路和尝试过的方法

我想要达到的结果

我选择药品 下面的输入框要显示对应的价格

Answer 1

你在el-select上面绑定id 试一下，v-model获取的是el-option的value值，然后你在 el-select绑定一个@change 事件，数据变动时获取到当前变动数据项，直接取出来价格，或者根据当前 option 的id 取出来对应价格。