溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
html部分
<el-select v-model="queryType" slot="prepend" class="filter-item" @change="changepara">
<el-option v-for="(item,index) in chooseList"
:key="index"
:value="item.value"
:label="item.label"></el-option>
</el-select>
添加選項，chooseList：[{value:‘1',label:‘1'},{value:‘2',label:‘2'}]可替代為
<el-select v-model="queryType" slot="prepend" class="filter-item" @change="changepara">
<el-option value="1" label="1"></el-option>
<el-option value="2" label="2"></el-option>
</el-select>
提供的選擇條件比較少的話，可以使用此種方式，看起來比較簡潔。
<div class="get_parameter">
<ul>
<li v-for="(item,index) in para" :key="index" :value="item" >
{{item}}
<div v-show="ifshow[index]">
<el-input v-model="paramodel[index]" ></el-input>
</div>
<div v-show="ifshow1[index]" >
<template>
<el-radio v-model="paramodel[index]" label="0">0</el-radio>
<el-radio v-model="paramodel[index]" label="1">1</el-radio>
</template>
</div>
</li>
</ul>
</div>
根據所選條件，顯示參數類型，上面的例子是string及bool類型。
以上這篇vue 根據選擇條件顯示指定參數的例子就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
