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