Avue?組件庫的使用初體驗
更新時間：2022年08月04日 09:14:33 作者：大帥子
這篇文章主要為大家介紹了Avue?組件庫的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
1. 使用的初體驗
今天給大家講一下我最近發(fā)現的比較冷門的一個組件庫,但是功能還是蠻多,這里就給大家介紹一下 , 網址也給大家放在這里 Avue
這里我大概介紹一下,因為我這里也就是做了幾個dome,并沒有拿到實際的項目中,但是,卻發(fā)現的一些好的地方,跟需要閉坑的地方
- 這里的組件超級多,而且很豐富 ,下面就是簽名啊
還可以調用我的攝像頭
圖片的裁剪
2. 不好的地方
發(fā)現這邊的文檔寫的相當的不全面,例如我上面的那個簽名的介紹
<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 />
結果
<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ā)現所有的按鈕都出不來,我看到熟悉的el-button 我發(fā)現了,這個玩意竟然就是在餓了么上面進行了二次封裝, 其他的我也沒有多看,大家跟著文檔走一遍,本人還是蠻喜歡的,樸實無華的
以上就是Avue 組件庫的使用初體驗的詳細內容，更多關于Avue 組件庫的資料請關注腳本之家其它相關文章！
相關文章
本篇文章主要介紹了在vscode中統(tǒng)一vue編碼風格的方法，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了說說如何使用Vuex進行狀態(tài)管理(小結)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要介紹了詳解vue渲染從后臺獲取的json數據，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要為大家通過示例解析Ant?Design?Vue組件slots作用，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05
這篇文章主要介紹了vue 兄弟組件的信息傳遞的方法，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
vue3中emit('update:modelValue')使用簡單示例
這篇文章主要給大家介紹了關于vue3中emit('update:modelValue')使用的相關資料,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2022-09-09
本文主要介紹了SpringBoot結合Vue3實現簡單的前后端交互,結合實際案例,說明了如何實現前后端數據的交互,具有一定的?參考價值,感興趣的可以了解一下2023-08-08
如何在ElementUI的上傳組件el-upload中設置header
這篇文章主要介紹了如何在ElementUI的上傳組件el-upload中設置header，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
這篇文章主要介紹了Vue+TypeScript中處理computed方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
詳解利用 Vue.js 實現前后端分離的RBAC角色權限管理
本篇文章主要介紹了利用 Vue.js 實現前后端分離的RBAC角色權限管理，非常具有實用價值，需要的朋友可以參考下2017-09-09