說明:在使用elment元件時,難免會有一些不習慣或者沒有仔細看api文件導致出不來自己想要的效果。好比做一道菜比如魚,element元件的屬性是配料,事件方法是烹飪的工具,如果配料不對自然味道出不來,如果工具使用不當,那做的可能不是魚。el-select注意:element-ui和antd都是使用者十分龐大且具有權威性,其內封裝的方法/屬性基本能解決大部分需求,遇到問題時,第一選擇永遠是看官方api文件!本文只是做一些總結,把平時遇到的問題,作乙個糾錯筆記。
如果 select 的繫結值為物件型別,請務必指定 value-key 作為它的唯一性標識。效果方法原始碼
在select.vue原始碼中,可以查到value-key預設值為value,字串型別。如果是物件,那麼就會出不來效果或者報錯。這裡指定為物件的乙個唯一值屬性即可,比如示例**裡的name就是唯一值
示例**
...v-model=
"styleitem"
value-key=
"name"
clearable
placeholder=
"請選擇"
@change=
"onchange"
>
v-for=
"item in styles"
:key=
"item.name"
:label=
"item.name"
:value=
"item"
/>
<
/el-select>
...<
/template>
...data()
},created()
)}...// 繫結資料
this
.addstyle
('no style',)
this
.addstyle
('hide by height'
, > 200'})
// 預設選中值
this
.styleitem =
this
.styles[0]
...}
,methods:,}
...<
/script>
Vim 使用筆記
set hlsearch set nohlsearch 搜尋後清除上次的加亮 nohl nohlsearch 拷貝 很有用的一句話,規定了格式選項,讓它換行不自動空格 set formatoptions tcrqn set fo r set noautoindent 再 shift insert 正...
xemacs使用筆記
xemacs使用筆記 xemacs emacs的下一代,由lucid原創 from debian參考手冊.由於不知道什麼時候刪掉了emacs的乙個重要檔案.每次都沒法安裝好.突然發現了xemacs,於是決定使用看看.本人還是菜鳥,僅供交流 我使用的ubuntu系統,所以就直接apt get inst...
TreeView使用筆記
treeview由節點構成,建樹通過對treeview.items屬性進行操作。items是乙個ttreenodes物件,這是乙個ttreenode集。一 針對ttreenodes,也就是 treeview.items,有這些屬性 1 count,節點個數。2 item index 通過index得...