溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天小編給大家分享一下Avue組件庫如何使用的相關知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。
這里的組件超級多,而且很豐富 ,下面就是簽名啊
還可以調(diào)用我的攝像頭
圖片的裁剪
發(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 />
結果
<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)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注億速云行業(yè)資訊頻道。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
