Vue 專案使用樹形穿梭框報錯

2021-10-23 12:18:55 字數 1105 閱讀 9336

按著教程走 

然後一直報typeerror: merge is not a function.

然後去element官網

公升級了element

npm i element-ui -s

在npm run dev 

成功編譯,

把餓了麼更新到最新  就可以了。

其他教程都是可以參考git上的開源。

參考:基本要求做這個效果的都是這個教程。

:  :title="title"

:from_data="fromdata"

:to_data="todata"

:defaultprops=""

@addbtn="add"

@removebtn="remove"

:mode="mode"

height="400px"

openall

>

:import treetransfer from "el-tree-transfer";  //引用

export default else 物件

// 通訊錄模式addresslist時,返回引數為右側收件人列表、右側抄送人列表、右側密送人列表

console.log("fromdata:", fromdata);

console.log("todata:", todata);

console.log("obj:", obj);

// 監聽穿梭框元件移除

remove(fromdata, todata, obj) 物件

// 通訊錄模式addresslist時,返回引數為右側收件人列表、右側抄送人列表、右側密送人列表

console.log("fromdata:", fromdata);

console.log("todata:", todata);

console.log("obj:", obj);

components: , // 註冊   (寫在methods鉤子外)

效果:

其他的屬性參考git連線。

做帶聯動的選擇框。

vue版本穿梭框

1 定義兩個陣列,分別是左側資料和右側資料 2 右側的資料追加左側選中的狀態 3 把左側的資料進行過濾的處理 filter 對當前陣列過濾處理,返回的是滿足條件的陣列 var selectdata this.leftdata.filter function item 4 未封裝的寫法 1 es5 合...

vue專案報錯

一.在vue單檔案中html格式化失敗 原因 在vuter預設配置中 vetur.format.defaultformatter.html none 解決 在user setting中設定 vetur.format.defaultformatter.html js beautify html 二.在...

vue專案啟動報錯

參考 webpack dev server 20 inline 20 progress 20 config 20build webpack.dev.conf.js 因為自己對前端基礎框架不是很了解,所以踩坑就記錄了,暫時記錄下,哈哈 刪除 node modules 目錄,再重新安裝依賴包 npm i...