Avue 组件库的使用初体验
更新时间：2022年08月04日 09:14:33 作者：大帅子
这篇文章主要为大家介绍了Avue 组件库的使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
1. 使用的初体验
今天给大家讲一下我最近发现的比较冷门的一个组件库,但是功能还是蛮多,这里就给大家介绍一下 , 网址也给大家放在这里 Avue
这里我大概介绍一下,因为我这里也就是做了几个dome,并没有拿到实际的项目中,但是,却发现的一些好的地方,跟需要闭坑的地方
- 这里的组件超级多,而且很丰富 ,下面就是签名啊
还可以调用我的摄像头
图片的裁剪
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 组件库的使用初体验的详细内容，更多关于Avue 组件库的资料请关注脚本之家其它相关文章！
相关文章
ElementUI 详细分析DatePicker 日期选择器实战
这篇文章主要介绍了ElementUI详细分析DatePicker 日期选择器实战教程,本文通过实例代码图文介绍给大家讲解的非常详细,感兴趣的朋友跟随小编一起看看吧2024-08-08
为了防止用户在网络不好或者其他情况下短时间内重复进行接口请求，重复发送多次请求，本文主要介绍了Vue中Axios中取消请求及阻止重复请求的方法，感兴趣的可以了解一下2022-02-02
watch 的用法有个特点，就是当值第一次绑定的时候，不会执行监听函数，只有值发生改变才会执行，如果我们需要在最初绑定值得时候也执行函数，就需要用到 immediate 属性，这篇文章主要介绍了vue中watch监听对象中某个属性的方法,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了Nuxt.js的路由跳转操作(页面跳转nuxt-link)，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
定时器如果不及时合理地清除，会造成业务逻辑混乱甚至应用卡死的情况，这个时就需要清除定时器，本文就介绍了Vue如何优雅的清除定时器，感兴趣的可以了解一下2021-07-07
这篇文章主要介绍了vue中v-for循环给标签属性赋值的方法,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-10-10
这篇文章主要介绍了vue项目基于WebRTC实现一对一音视频通话效果,实现代码分为前端和后端两部分代码,需要的朋友可以参考下2024-05-05
这篇文章主要为大家详细介绍了Vue如何获取数据列表展示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
这篇文章主要给大家介绍了关于Vue3中unref详解与常见使用的相关资料,Vue3中的unref是一个实用工具,用于简化访问响应式引用和普通值的过程,通过自动判断类型,unref可以处理任何类型的值,从而使代码更加简洁和易读,需要的朋友可以参考下2024-11-11
这篇文章主要介绍了vue3如何使用vant-picker封装省市二级联动，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
最新评论