溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

vue 根據(jù)選擇條件顯示指定參數(shù)的例子

發(fā)布時(shí)間：2020-09-20 23:27:01 來(lái)源：腳本之家 閱讀：141 作者：LuckyMon 欄目：web開發(fā)

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>

添加選項(xiàng)，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>

提供的選擇條件比較少的話，可以使用此種方式，看起來(lái)比較簡(jiǎn)潔。

<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>

根據(jù)所選條件，顯示參數(shù)類型，上面的例子是string及bool類型。

以上這篇vue 根據(jù)選擇條件顯示指定參數(shù)的例子就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手