Mint UI的field的聚焦失焦事件

2021-08-27 08:23:27 字數 573 閱讀 5074

"手機號" placeholder=

"請輸入手機號"

type

="tel" v-model

="phone" @blur=

"phoneblur"

>>

"手機號" placeholder=

"請輸入手機號"

type

="tel" v-model

="phone" @blur.native=

"phoneblur"

>>

@blur是vue裡的失焦事件,但是直接寫在mint ui的元件裡是沒用的,就算寫成@blur.native也不生效,

後來在csdn上看到別人的寫法,直接上**,

"手機號" placeholder=

"請輸入手機號"

type

="tel" v-model

="phone" @blur.native.capture=

"phoneblur"

>>

這樣是能夠實現失焦的事件的。

記錄使用mint ui的感想

mint ui 今天記錄一下使用mint ui的心得,首先說明一下mint ui是用來做手機端介面的ui庫,這個ui庫我是做專案的時候使用到了,所以今天簡單的說明記錄一下該庫的一些存在的一些可能會出問題的地方,畢竟剛開始使用,不是很熟練,所以簡單的寫一下。vue安裝引入mint ui 和引入平常的u...

修改mint ui中元件的樣式

在static資料夾下建立乙個mint ui.scss的檔案 隨後在瀏覽器檢查元素找到這個元素的class,並在那個mint ui.scss檔案裡面重新寫你的樣式 要是權重不夠直接important 再者就是在main.js中引入這個檔案 引入更改的mint ui控制項樣式 import stati...

MUI和Mint UI元件的使用

github 倉儲位址 mint ui官方文件 匯入所有mintui元件 import mintui from mint ui 匯入樣式表 import mint ui lib style.css 在 vue 中使用 mintui vue.use mintui 使用的例子 primary size ...