今天小编给大家分享一下Avue组件库如何使用的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。
1. 使用的初体验
-
这里的组件超级多,而且很丰富 ,下面就是签名啊
还可以调用我的摄像头
图片的裁剪
2. 不好的地方
发现这边的文档写的相当的不全面,例如我上面的那个签名的介绍
<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>
这里是安装的介绍,我复制上面的代码到我的项目中去的时候,然后发现所有的按钮都出不来,我看到熟悉的el-button 我发现了,这个玩意竟然就是在饿了么上面进行了二次封装, 其他的我也没有多看,大家跟着文档走一遍,本人还是蛮喜欢的,朴实无华的
以上就是“Avue组件库如何使用”这篇文章的所有内容，感谢各位的阅读！相信大家阅读完这篇文章都有很大的收获，小编每天都会为大家更新不同的知识，如果还想学习更多的知识，请关注云搜网行业资讯频道。
