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

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 我需要全国每个城市的最新小区名字等数据。
  • ¥15 开发一个小区生态的小程序
  • ¥15 MddBootstrapInitialize2失败
  • ¥15 LCD Flicker
  • ¥15 Spring MVC项目,访问不到相应的控制器方法
  • ¥15 esp32在micropython环境下使用ssl/tls连接mqtt服务器出现以下报错Connected on 192.168.154.223发生意外错误: 5无法连接到 MQTT 代理,如何解决?
  • ¥15 关于#genesiscsheel#的问题,如何解决?
  • ¥15 Android aidl for hal
  • ¥15 STM32CubeIDE下载程序报错
  • ¥15 微信好友如何转变为会员系统?(相关搜索:小程序)