el-select 怎么将下拉框的值显示在别的标签中

问题描述：


<div class="inpboxcurrency2">
    <div class="inpboxcurrencys">
          <img class="pledgeQuantityImg" src="~/static/img/theme/pledgeCirculation/USDT.png" />
           <div class="type">YSDT</div>
   </div>
    <el-select v-model="value" class="select" @change="checkCurrency()" size="mini" placeholder="">
        <el-option
              v-for="item in options"
                :key="item.currencyId"
                :label="item.currency"
                :value="item.currencyId">
         </el-option>
    </el-select>
 </div>

inpboxcurrencys div盒子覆盖了el-select，怎么才能把el-select选中的值显示在class="type"标签中

答

把class='type'的盒子也双向绑定个下拉框绑定的那个数据就好了，我这里还做了下判空，没有选择的话，还是显示你原来的'YSDT

 
<div class="inpboxcurrency2">
    <div class="inpboxcurrencys">
          <img class="pledgeQuantityImg" src="~/static/img/theme/pledgeCirculation/USDT.png" />
           <div class="type">{{ value || 'YSDT' }}</div>
   </div>
    <el-select v-model="value" class="select" @change="checkCurrency()" size="mini" placeholder="">
        <el-option
              v-for="item in options"
                :key="item.currencyId"
                :label="item.currency"
                :value="item.currencyId">
         </el-option>
    </el-select>
 </div>

如有帮助，望采纳^O^

答

加个 onchange 事件。然后把值赋给一个 data里的变量这样就可以随便使用了

el-select 怎么将下拉框的值显示在别的标签中

相关推荐