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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何根據(jù)Vue中的選擇更改輸入的占位符

如何根據(jù)Vue中的選擇更改輸入的占位符

慕尼黑8549860 2021-09-30 10:15:42
我想根據(jù) select onchange 方法更改輸入的占位符。我認為有什么不對。我無法選擇該選項,它一直鎖定 Xbox Live 選項。這是我的代碼如下:<select class="form-control" id="platform" @change="onChange" v-model="platform">     <option v-for="option in options" :value="option.value">{{ option.text }}</option></select><input type="text" class="form-control" :placeholder="placeholder">這是我的Vue代碼:data() {        return {             placeholder: '',            platform: '',            options: [                { text: 'PSN', value: 'psn' },                { text: 'Xbox Live', value: 'xbl' },                { text: 'Origin', value: 'origin' }            ]        }    },    methods: {        onChange() {            if(this.platform = 'psn') this.placeholder = 'Enter PSN ID'            if(this.platform = 'origin') this.placeholder = 'Enter Origin ID'            if(this.platform = 'xbl') this.placeholder = 'Enter Xbox Live Gamertag'        }    }所以我想要的是當我選擇PSN占位符更改為Enter PSN ID等等。
查看完整描述

1 回答

?
POPMUISE

TA貢獻1765條經驗 獲得超5個贊

但是,您必須使用==或===代替=,如果我們computed在此處使用歸檔作為placeholder


<select class="form-control" id="platform" v-model="platform">

     <option v-for="option in options" :value="option.value">{{ option.text }}</option>

</select>


<input type="text" class="form-control" :placeholder="placeholder">

data() {

  return {

    platform: '',

    options: [

      { text: 'PSN', value: 'psn', placeholder: 'Enter PSN ID' },

      { text: 'Xbox Live', value: 'xbl', placeholder: 'Enter Origin ID' },

      { text: 'Origin', value: 'origin', placeholder: 'Enter Xbox Live Gamertag' }

    ]

  }

},

computed: {

  placeholder() {

    let selected = this.options.find(o => o.value === this.platform)

    return selected ? selected.placeholder : ''

  }

}

在本例中,placeholder將自動生成。


查看完整回答
反對 回復 2021-09-30
  • 1 回答
  • 0 關注
  • 308 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號