Vue Element 使用筆記

2021-10-07 23:02:14 字數 1366 閱讀 8720

說明:在使用elment元件時,難免會有一些不習慣或者沒有仔細看api文件導致出不來自己想要的效果。好比做一道菜比如魚,element元件的屬性是配料,事件方法是烹飪的工具,如果配料不對自然味道出不來,如果工具使用不當,那做的可能不是魚。

注意:element-ui和antd都是使用者十分龐大且具有權威性,其內封裝的方法/屬性基本能解決大部分需求,遇到問題時,第一選擇永遠是看官方api文件!本文只是做一些總結,把平時遇到的問題,作乙個糾錯筆記。

el-select

如果 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得...