![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js学习之路
机智的奎哥
这个作者很懒,什么都没留下…
展开
-
解决微信大字体下H5布局混乱
解决微信大字体下H5页面显示异常原创 2022-07-04 18:21:35 · 241 阅读 · 0 评论 -
Vue中Html2canvas生成网页局部截图
Html2canvas文档地址npm安装Html2canvasnpm install --save html2canvas项目文件引入Html2canvas(在哪使用就引入到哪)import html2canvas from 'html2canvas'使用(最后可生成png图片)<template> <Button class="ml-3" type="primary" icon="ios-cut"原创 2021-06-25 10:39:29 · 2941 阅读 · 0 评论 -
Vue使用原生JS实现锚点跳转滚动效果
本文使用iView// 左侧导航元素<div class="project-left"> <div class="project-card" v-for="(item,index) in 6" :id="'card' + index" @click="goToAnchor(index)"> 测试 </div></div>// 右侧滚动元素<div class="result-card" v-.原创 2020-11-10 16:09:03 · 667 阅读 · 1 评论 -
Vue组件大全(持续更新)
前言:1、安装插件npm install --save qrcode2、卸载插件npm uninstall qrcode1.vue-draggable-resizable功能:可实现鼠标拖拽DIV,滚轮放缩小DIV安装方法:npm install --save vue-draggable-resizablemain.js配置方法import VueDraggableResizable from 'vue-draggable-resizable'import 'vue-dragga原创 2020-10-19 10:17:27 · 545 阅读 · 0 评论 -
Vue压缩图片插件——localResizeIMG(简称lrz)
使用前须知:GitHub:localResizeIMG地址这个项目已不再维护了,可能很长一段时间都不会更新了。插件演示地址引用:npm i lrz -S // 注意:使用npm下载,不要使用cnpm下载,有坑使用:import lrz from "lrz";本人使用的是Vant框架,获取file对象方法为:<van-field name="uploader" label="图片上传" multiple> <template #input>原创 2020-09-10 18:50:07 · 4941 阅读 · 1 评论 -
关于<audio>标签及控制的问题
开发框架:Vue需求 :需要音乐在所有页面自动循环播放、不能遮挡fixd在底部的按钮。解决方案:audio标签设置播放器,js控制audio在页面是否隐藏<audio src="音频链接" autoplay="autoplay" loop="loop" controls="controls" class="audio" id="audio"> Your browser does not support the audio element.</audio>原创 2020-09-05 13:00:11 · 994 阅读 · 0 评论 -
webpack离线创建Vue项目
vue init webpackproject--offline原创 2020-08-26 09:56:24 · 578 阅读 · 0 评论 -
Vue中axios请求格式
this.$get('url', { // 地址 businessid: '1', // 参数},).then((response) => { // 这里是处理正确的回调 window.console.log(response.data);});原创 2020-08-20 18:29:15 · 241 阅读 · 0 评论 -
Vue.js学习之路之使用百度地图API
需求说明:用vue开发外卖平台,在外卖平台中需要知道商家地址信息,这时就需要借用百度地图API。解决方案: 步骤一:申请百度地图密钥; 步骤二:在index.html中添加百度地图JavaScript API接口;//注意:Vue要在头部引用js,这样组件才能获取<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=KCzp8claYra8uYAvahElV9o...原创 2020-08-14 17:56:08 · 457 阅读 · 0 评论