iT邦幫忙

1

Element UI-[Select] 預設值設定

遇到問題

在做生日的年月日時,因為我們接觸的客群年齡層大概是民國 40~60 年的人,所以希望可以把“年”這個的預設值調整成西元 1971 年、民國 60 年,由於我是使用 for 迴圈來把西元年都列出來,並且顯示上顯示民國年;一開始是從民國30年才開始跑,現在需要把預設值調整成民國 60 年。


select

解決方法

el-select 需要加上一個 v-model 來當初始值;我的 v-model 的 year 跟 years 是不同的

<el-select v-model="year" clearable placeholder="请选择">
    <el-option
      v-for="item in years"
      :key="item.year"
      :label="item.republic"
      :value="item.year">
    </el-option>
</el-select>

變數的話需要有 years 跟 year

years: [
    {
      republic: '50',
      year: '1961',
    },
    {
      republic:'60',
      year:'1971',
    }
],
year: '1971'

參考資料

Element UI[select]官網


尚未有邦友留言

立即登入留言