Avue?組件庫的使用初體驗
更新時間：2022年08月04日 09:14:33 作者：大帥子
這篇文章主要為大家介紹了Avue?組件庫的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
1. 使用的初體驗
今天給大家講一下我最近發(fā)現(xiàn)的比較冷門的一個組件庫,但是功能還是蠻多,這里就給大家介紹一下 , 網(wǎng)址也給大家放在這里 Avue
這里我大概介紹一下,因為我這里也就是做了幾個dome,并沒有拿到實際的項目中,但是,卻發(fā)現(xiàn)的一些好的地方,跟需要閉坑的地方
- 這里的組件超級多,而且很豐富 ,下面就是簽名啊
還可以調(diào)用我的攝像頭
圖片的裁剪
2. 不好的地方
發(fā)現(xiàn)這邊的文檔寫的相當?shù)牟蝗?例如我上面的那個簽名的介紹
<avue-sign ref="sign"></avue-sign>
<el-button type="primary" @click="handleSubmit">生成</el-button>
<el-button type="danger" @click="$refs.sign.getStar('這里是用途','這里是單位的名稱','123456')">圖章</el-button>
<el-button @click="$refs.sign.clear()">清空</el-button>
<div>
<br />
結(jié)果
<img :src="img" alt="" width="80" height="50" />
</div>
<script>
export default {
data() {
return {
img: ''
}
},
methods: {
handleSubmit() {
this.img = this.$refs.sign.submit(80, 50);
console.log(this.img)
}
}
}
</script>這里是安裝的介紹,我復制上面的代碼到我的項目中去的時候,然后發(fā)現(xiàn)所有的按鈕都出不來,我看到熟悉的el-button 我發(fā)現(xiàn)了,這個玩意竟然就是在餓了么上面進行了二次封裝, 其他的我也沒有多看,大家跟著文檔走一遍,本人還是蠻喜歡的,樸實無華的
以上就是Avue 組件庫的使用初體驗的詳細內(nèi)容，更多關(guān)于Avue 組件庫的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
ElementUI 詳細分析DatePicker 日期選擇器實戰(zhàn)
這篇文章主要介紹了ElementUI詳細分析DatePicker 日期選擇器實戰(zhàn)教程,本文通過實例代碼圖文介紹給大家講解的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-08-08
為了防止用戶在網(wǎng)絡(luò)不好或者其他情況下短時間內(nèi)重復進行接口請求，重復發(fā)送多次請求，本文主要介紹了Vue中Axios中取消請求及阻止重復請求的方法，感興趣的可以了解一下2022-02-02
watch 的用法有個特點，就是當值第一次綁定的時候，不會執(zhí)行監(jiān)聽函數(shù)，只有值發(fā)生改變才會執(zhí)行，如果我們需要在最初綁定值得時候也執(zhí)行函數(shù)，就需要用到 immediate 屬性，這篇文章主要介紹了vue中watch監(jiān)聽對象中某個屬性的方法,需要的朋友可以參考下2023-04-04
Nuxt.js的路由跳轉(zhuǎn)操作(頁面跳轉(zhuǎn)nuxt-link)
這篇文章主要介紹了Nuxt.js的路由跳轉(zhuǎn)操作(頁面跳轉(zhuǎn)nuxt-link)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
定時器如果不及時合理地清除，會造成業(yè)務(wù)邏輯混亂甚至應(yīng)用卡死的情況，這個時就需要清除定時器，本文就介紹了Vue如何優(yōu)雅的清除定時器，感興趣的可以了解一下2021-07-07
這篇文章主要介紹了vue中v-for循環(huán)給標簽屬性賦值的方法,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-10-10
這篇文章主要介紹了vue項目基于WebRTC實現(xiàn)一對一音視頻通話效果,實現(xiàn)代碼分為前端和后端兩部分代碼,需要的朋友可以參考下2024-05-05
這篇文章主要為大家詳細介紹了Vue如何獲取數(shù)據(jù)列表展示，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要給大家介紹了關(guān)于Vue3中unref詳解與常見使用的相關(guān)資料,Vue3中的unref是一個實用工具,用于簡化訪問響應(yīng)式引用和普通值的過程,通過自動判斷類型,unref可以處理任何類型的值,從而使代碼更加簡潔和易讀,需要的朋友可以參考下2024-11-11
vue3如何使用vant-picker封裝省市二級聯(lián)動
這篇文章主要介紹了vue3如何使用vant-picker封裝省市二級聯(lián)動，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10