VUE專案中使用mintui庫遇到的坑

2021-10-01 06:31:00 字數 723 閱讀 2095

data () ,  //阻止預設事件,我在寫的時候遇到eslint報錯,不讓在data裡面寫函式,這裡可以給handler乙個初始為空,在鉤子函式中給他賦值乙個箭頭函式就可以解決了

}methods: ) // 阻止預設事件

}, opentouch () ) // 開啟預設事件

}}

乙個是在元件彈出時的關閉預設事件,乙個是在元件收起時的開啟預設事件,這裡的預設事件就是觸屏滾動事件,本來在專案中是有控制項開啟關閉的事件的,但是我加了一下發現並沒有卵用,所以還是採用了大佬的方式

原始碼裡面提供了乙個 visible-change 這樣乙個事件,在元件裡加入這個事件

//這裡並不侷限於datatime-picker,親測適用於所有的picker元件中
利用vue中的事件監聽屬性watch監聽這個事件

watch: 

}

然後就是完善這個visiblechange這個事件啦,因為監測到元件的開啟和關閉,所以當val變化時,就可以觸發相應的開啟和關閉預設事件了

methods:  else 

}}

因為怕監測有問題(可能是我想太多),又在控制項開啟關閉的**那裡呼叫了對應的 closetouch 和 opentouch 預設事件。。。大概就是菜吧哈哈~~~~

vue專案中使用jQuery

這裡是引入全域性的jquery 1.在package.json檔案中,devdependencies 物件中新增 jquery 3.1.1 2.在build資料夾下的webpack.base.conf.js檔案中新增 var webpack require webpack 增加乙個plugins p...

vue 專案中使用 jquery

在 vue 專案中使用 jquery,具體步驟如下 1 npm 安裝 jquery 命令如下,後邊指定安裝的 jquery 版本 npm install jquery 3.2.1不加 會安裝最新版本 npm install jquery命令執行成功後,會在 package.json 檔案中自動生成 ...

vue專案中使用mui

vue搭建環境 hbuilder編輯器。我不喜歡用hbuilder寫 在使用vscode 使用的是vue cli腳手架。這個就不多bb了,之後對檔案做了簡單的調整。還是直接貼圖吧 基本的頁面準備工作完成assetspublicpath 之前是 改為 使build之後的專案能在本地執行 product...