第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

v-bind :語法糖 根據(jù)多種狀態(tài)綁定不同的值

標(biāo)簽:
Vue.js

需求如下
当item.Id为100 用valueA的值
当item.Id为200 用valueB的值
当item.Id为其他 用valueC的值

解决方法

:value="getValue(item)"  // 方案一: 绑定一个方法,在方法中判断
:value="item.Id === '100' ? item.valueA : (item.Id === '200' ? item.valueB : item.valueC)"  // 方案二: 三元表达式嵌套
:value="(item.Id==='100'&&item.valueA)||(item.Id==='200'&&item.valueB)||(item.valueC)"  // 方案三: &&与||组合 短路语法

完整代码

<template>
  <div>
    <el-button @click='click(100)'>100</el-button>
    <el-button @click='click(200)'>200</el-button>
    <el-button @click='click(999)'>999</el-button>
    <!-- 以下三种绑定方案 -->
    <el-input :value="getValue(item)"></el-input>
    <el-input :value="item.Id === '100' ? item.valueA : (item.Id === '200' ? item.valueB : item.valueC)"></el-input>
    <el-input :value="(item.Id==='100'&&item.valueA)||(item.Id==='200'&&item.valueB)||(item.valueC)"></el-input>
  </div>
</template>

<script>
export default {
  data() {
    return {
      item: {
        Id: '100',
        valueA: '100',
        valueB: '200',
        valueC: '999',
      }
    }
  },
  methods: {
    click(num){
      this.item.Id = '' + num
    },
    getValue(item){
      if(item.Id === '100'){
        return item.valueA
      } else if (item.Id === '200') {
        return item.valueB
      } else {
        return item.valueC
      }  
    }
  }
}
</script>

點(diǎn)擊查看更多內(nèi)容
TA 點(diǎn)贊

若覺得本文不錯(cuò),就分享一下吧!

評(píng)論

作者其他優(yōu)質(zhì)文章

正在加載中
  • 推薦
  • 評(píng)論
  • 收藏
  • 共同學(xué)習(xí),寫下你的評(píng)論
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊(cè)有機(jī)會(huì)得

100積分直接送

付費(fèi)專欄免費(fèi)學(xué)

大額優(yōu)惠券免費(fèi)領(lǐng)

立即參與 放棄機(jī)會(huì)
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

舉報(bào)

0/150
提交
取消