在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ v-model 渲染數(shù)據(jù)的一些問題

v-model 渲染數(shù)據(jù)的一些問題

當(dāng)我使用：

<el-form-item label="是否發(fā)布：">
          <el-select v-model="temp.hasRelease" placeholder="請(qǐng)選擇" style="width: 175px;">
            <el-option label="是" value="true"></el-option>
            <el-option label="否" value="false"></el-option>
          </el-select>
        </el-form-item>

后臺(tái)返回的數(shù)據(jù)：

temp: {
          hasRelease: true,
          typeId： 1
        },

問題出現(xiàn)了，當(dāng)后臺(tái)返回的是布爾值的話，v-model=布爾值會(huì)報(bào)錯(cuò)，所以必須要后臺(tái)返回的true加引號(hào)，這樣才能正常渲染

<el-form-item label="所屬類型：">
          <el-select v-model="temp.typeId" placeholder="請(qǐng)選擇">
            <el-option label="類型一" value="1"></el-option>
            <el-option label="類型二" value="2"></el-option>
          </el-select>
        </el-form-item>

同樣的問題不止是布爾值，當(dāng)typeId=的數(shù)值沒有加引號(hào)，那v-model無法正常的預(yù)選項(xiàng)。。。
于是我想說使用typeId='"' + 1 + '"' 這樣處理，但是仍然無效

回答
編輯回答
逗婦惱

也許是因?yàn)?a rel="nofollow noreferrer">這個(gè)

2018年7月28日 08:57
編輯回答
念初

將el-option的 value="true" 改成 :value="true" 試試，即v-bind的形式

因?yàn)橹苯訉慼tml屬性的話，值都是string類型，和boolean類型自然無法嚴(yán)格相等（===）。同理，typeId是number類型，也無法和string類型嚴(yán)格相等，vue對(duì)此有提供修飾符解決這種問題，即v-model.number

手機(jī)碼字，排版不好請(qǐng)勿見怪～

2018年7月21日 14:28
編輯回答
茍活

把true，false直接換成‘是’，‘否’就好了，不然就加載完數(shù)據(jù)對(duì)數(shù)據(jù)進(jìn)行處理，而且不需要typeid，它會(huì)自動(dòng)根據(jù)你的hasRelease顯示正確的值

2017年10月3日 12:19
編輯回答
枕頭人

給value前面加上冒號(hào)。
或者全部寫成這樣：

<el-select v-model="value" placeholder="請(qǐng)選擇">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
2017年10月30日 09:55