想实现的效果是在企划类型select里选择对应的选项,下方的参考价格就会显示对应的参考价格。
现在选择选项可以显示对应的参考价格,但是select里无论选什么都只显示这一个选项。
以下是代码:
下拉选择框:
</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
})
},
数据库表: