vue Element ui中的一些小經驗總結

2021-10-14 10:00:12 字數 988 閱讀 8055

vue 是通過渲染來觸發資料的依賴收集的,也就是說,假如 data 中有某些資料並沒有在模版中使用的話,更新這些資料的時候,是不會觸發更新的。

element-ui 中的el-input 按照vue官方api新增鍵盤事件不生效,這是因為在el-input 的input外邊封裝了一層div。只要在事件後邊加上.native()就可以了

"請輸入內容" @keyup.enter.native=

"on_filter"

>

<

/el-input>

let params =

// 方法一:this.$set()

this

.params = params

this

.$set

(this

.params,

'remark'

,this

.datalist.input)

// 方法二:object.assign()

this

.params = object.

assign

(, params)

這是因為在mounted()鉤子函式中,this 指向的是window作用域,所以會出現獲取到的data中的資料出現沒有定義的情況。

解決辦法:需要解決 this 的指向問題,便可以重新獲取到data中的資料,如將 this 指定另乙個變數,這樣在mounted() 鉤子函式的子函式中,便可以重新獲取到data中的資料。

mounted()

在使用el-table使用v-if控制**列的顯示和隱藏時,莫名其妙出現表頭順序混亂問題,解決方案如下:

給每一行增加乙個key屬性:

Vue Element ui開發中碰到的IE問題

第一步 安裝babel polyfill 已安裝請跳過此步驟 yarn add babel polyfill 修改webpack打包配置檔案 webpack.bash.conf.js 引入babel polyfill var babelpolyfill require babel polyfill ...

vue element ui 中關於清空表單的問題

初學vue element ui掉進了許多坑,下面是關於表單重置的問題處理方法 描述 例如乙個新增dialog 填入資料後儲存,關閉了dialog 然後再次新增又顯示上次新增的資料 這時就需要我們el dialog 新增 close繫結方法 如下 60 title dialogtitle visib...

vue ElementUI中的多選框中的不確定狀態

用indeterminate與checkall控制不確定狀態 checkbox有三種狀態全選 顯示的 選中部分 顯示的 全不選 啥都沒顯示 對於indeterminate和v model繫結的a和b的值 如果true true 或者 true false樣式為 如果false true樣式為 如果f...