vue隨筆筆記

.el-menu-item.is-active

//data的資料為tabledate渲染的資料

// prop設定**字段
// index設定索引值
//當設定router模式後index相當於to

:default-active="$route.path"

main.js

import  from 'element-ui'

vue.prototype.$message = message //安裝$message

使用前單獨設定為元件

dialo**isible控制彈窗的顯示和隱藏

before-close屬性控制彈窗的關閉

使用前單獨設定為元件,主要用於表單內的選擇

邏輯：將選擇的lable值傳遞給想要展示的元件

@node-click="handlenodeclick"

vue知識隨筆

很多時候 store.dispatch switch dialog 這種寫法又長又臭 很不方便 我們沒使用 vuex 的時候 獲取乙個狀態只需要 this.show 執行乙個方法只需要 this.switch dialog 就行了 使用 vuex 使寫法變複雜了 使用 mapstate mapget...

vue學習隨筆

1 css與style的物件繫結與陣列繫結 2 v if的key語法 3 v for遍歷物件的三個引數 value key index 4 v for的key就地服用原則 5 v for的優先順序比v if更高 6 單選框的value，多選框的true value與false value 7 表單v...

vue隨筆（有關插槽）

我們只要在需要的地方加入插槽，通過插槽分發內容 具名插槽 父組通過slot定義乙個名稱，子元件通過name獲取名稱 傳入父元件的內容，在子元件中相應位置 slot處 會被替換成為父元件的內容 例如 父元件 子元件 子元件 作用域插槽 父元件乙個區域內 template處 從子元件接收的資料放在乙個自...