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

html部分

周寧網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),周寧網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為周寧近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的周寧做網(wǎng)站的公司定做！

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

提供的選擇條件比較少的話，可以使用此種方式，看起來比較簡(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è)參考，也希望大家多多支持創(chuàng)新互聯(lián)。

分享標(biāo)題：vue根據(jù)選擇條件顯示指定參數(shù)的例子
當(dāng)前鏈接：http://bm7419.com/article34/pcgppe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊(cè)、靜態(tài)網(wǎng)站、App設(shè)計(jì)、ChatGPT、搜索引擎優(yōu)化、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)