Clifford_bukv 2022-04-21 15:29 采纳率: 100%
浏览 106
已结题

v-for与v-model一起使用出现的问题

想实现的效果是在企划类型select里选择对应的选项,下方的参考价格就会显示对应的参考价格。
现在选择选项可以显示对应的参考价格,但是select里无论选什么都只显示这一个选项。

img


以下是代码:
下拉选择框:

</el-form-item>
       <el-form-item label="企划类型" prop="ptype">
            <el-select v-model="value"
                       placeholder="请选择">
              <el-option
                  v-for="item in options"
                  :key="item.tid"
                  :label="item.tname"
                  :value="item">
                <span style="float: left">{{ item.tname }}</span>
                <span style="float:right; color: #8492a6; font-size: 13px">{{ item.tdescribe }}</span>
              </el-option>
            </el-select>
          </el-form-item>

参考价格的span

<span style="float:left; color: #8492a6; font-size: 13px">参考价格{{value.tbottomprice}}~{{value.ttopprice}}</span>

data

data() {
    return {
      options:[],
      value:[],
  },

数据接口:

load() {
      this.request.get("http://localhost:8083/type/findAllType",{parse:{
          tid:this.tid,
          tname:this.tname,
          tdescribe:this.tdescribe,
          tbottomprice:this.tbottomprice,
          ttopprice:this.ttopprice
        }
      }).then(res => {
        this.options = res.data
      })
    },

数据库表:

img

  • 写回答

2条回答 默认 最新

  • eno_zeng 2022-04-21 16:39
    关注

    el-option 的 value 传 对象的时候, el-select 不应该有 value-key 吗

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 4月29日
  • 已采纳回答 4月21日
  • 创建了问题 4月21日

悬赏问题

  • ¥15 如何在scanpy上做差异基因和通路富集?
  • ¥20 关于#硬件工程#的问题,请各位专家解答!
  • ¥15 关于#matlab#的问题:期望的系统闭环传递函数为G(s)=wn^2/s^2+2¢wn+wn^2阻尼系数¢=0.707,使系统具有较小的超调量
  • ¥15 FLUENT如何实现在堆积颗粒的上表面加载高斯热源
  • ¥30 截图中的mathematics程序转换成matlab
  • ¥15 动力学代码报错,维度不匹配
  • ¥15 Power query添加列问题
  • ¥50 Kubernetes&Fission&Eleasticsearch
  • ¥15 報錯:Person is not mapped,如何解決?
  • ¥15 c++头文件不能识别CDialog