![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue的插件
文章平均质量分 54
主要介绍vue框架里面会用到的插件
拿鼓思谱
这个作者很懒,什么都没留下…
展开
-
Echart 心得 (一): 有关Y轴yAxis属性
echarts Y轴原创 2022-06-13 17:17:56 · 3643 阅读 · 0 评论 -
监听用户是否停留在当前页面,切换页面时改变网页的title
效果:切换到别的页面:切回到浏览的页面:这个是如何实现的呢?第一,要有兼容性. // 判断用户是否观看当前页面,浏览器兼容 let state, visibilityChange; if (typeof document.hidden !== 'undefined') { visibilityChange = 'visibilitychange'; state = 'visibilityState';原创 2020-12-02 14:36:08 · 444 阅读 · 0 评论 -
Vue 获取dom元素中的自定义属性值(带详细解释和自己理解)
方法一:HTML<div id="app"> <button @click="getData($event,'100','666','777')">点我</button></div>JSmethods : { getData(e,num,lalala,eee) { console.log(e); // 输出 这个点击事件下面的所有属性 console.log(num); // 输出 100原创 2020-12-01 10:43:23 · 2293 阅读 · 0 评论 -
vue国际化用谷歌浏览器出现翻译问题,vuei18n的一个坑
**问题:**项目是用vue写的,然后引入国际化后,用谷歌浏览器切换成中文时不是翻译时的文字,而是一些奇葩的翻译**原因:**谷歌浏览器自带翻译功能,可能切换语言时,自动将你的英文切换成它翻译的中文导致解决方案:第一步: 在根目录的public文件中,找到index文件(我用的是3.0的脚手架)第二步:添加一行代码: 就能解决问题拿走,不用谢!!!送人玫瑰,手留余香...原创 2020-09-15 17:07:44 · 2157 阅读 · 0 评论 -
vue插件滑动验证码
在很多地方,我们都可以在登录的界面看到上面的滑动验证。下面具体说一下如何引入和使用1.引入插件npm install --save vue-monoplasty-slide-verify2.在main文件中全局引入并注册//滑动验证import SlideVerify from 'vue-monoplasty-slide-verify';Vue.use(SlideVerify)3.页面中使用 <slide-verify ref="slideblock" @success.原创 2020-07-16 13:46:23 · 2927 阅读 · 6 评论 -
vue生成二维码和二维码中带图片
一、生成简单的二维码(不带图片)1.引入插件npm install qrcode --save2.页面中使用<div id="qrcode" class="erweima"></div>页面中引入import QRCode from "qrcodejs2";methods: { qrcode() { this.$nextTick(() => { let qrcode = new QRCode("qrcode", {原创 2020-07-15 16:52:33 · 2250 阅读 · 1 评论 -
element树样式的修改,可以参考一下,实现效果和代码有展示
有关树控件样式的修改,实现效果如下:贴上html代码:<div class="treegroup"> <div class="righttree"> // 一共有三个数并排展示,由于截图大小原因这个没有截出来,所以代码省略,跟下面的树一样的,一个掌握了,想要实现N多树都是一样的道理 </div> <div class="righttree">原创 2020-07-06 13:51:53 · 912 阅读 · 0 评论 -
前端如何将后端的数组(不是数据流)导出成excel格式
使用此文档,框架是vue框架.第一步.安装vue-json-excelnpm install vue-json-excel -S第二步.在main.js文件中引入并且注册import JsonExcel from 'vue-json-excel'Vue.component('downloadExcel', JsonExcel)第三步.在使用的页面<download-excel class = "export-excel" :data = "json_d原创 2020-07-02 19:16:23 · 541 阅读 · 0 评论