vue
vue
盛大人很低调
这个作者很懒,什么都没留下…
展开
-
vue框架及相关知识总结
vue是基于MVVM(Model-View-ViewModel)实现数据双向绑定的,当数据模型数据发生变化时,页面展示的会随之发生变化,而如果表单数据发生变化,绑定的模型数据也随之发生变化。原创 2024-04-10 08:51:28 · 928 阅读 · 1 评论 -
vue通过echarts实现数据可视化
保存vintage.js文件,再次运行,发现主题生效,且报错消失了。原创 2024-04-09 09:39:50 · 597 阅读 · 0 评论 -
微信jssdk获取定位计算距离
【代码】微信jssdk获取定位计算距离。原创 2024-03-11 10:42:42 · 427 阅读 · 0 评论 -
vue模拟聊天页面列表:滚动到底部,滚动到顶部触发加载更多
/list更新后,等待页面渲染完毕再去拿scrollHeight,否则拿到的是之前的。//auto-自动滚动 instant-瞬间滚动 smooth-平滑滚动。//auto-自动滚动 instant-瞬间滚动 smooth-平滑滚动。//auto-自动滚动 instant-瞬间滚动 smooth-平滑滚动。//顶部在原先基础上往下滚动50px,露出新加载数据的一点。//模拟耗时任务从接口获取数据。//数据全部加载完毕。原创 2024-01-25 09:39:37 · 1099 阅读 · 0 评论 -
vue上实现左右关联滚动
/ todo 优化 => 改成小于等于,加break 少循环。//获取右侧所有item的offsetTop。// 获取当前文档流的 scrollTop。//左侧item点击事件。原创 2023-03-10 08:48:00 · 1445 阅读 · 0 评论 -
vue项目引入sass
1、安装依赖:(1)安装sass-loader:npm install sass-loader --save-dev(2)安装node-sass:npm install node-sass --sava-dev按照上述命令安装,会因sass版本过高导致项目运行报错:删除之前的,然后安装指定版本:(1)安装sass-loader:cnpm install [email protected] --save-dev(2)安装node-sass:cnpm install node-sas原创 2022-05-17 15:18:45 · 4462 阅读 · 0 评论 -
vue项目引入全局样式的几种方式
现在有一个common.css文件,想项目中所有的vue文件不需要导包就可以使用其中的样式。实现方式有3种:方式1:在App.vue的style标签内引入方式2:在main.js中引入方式3:项目根目录下的index.html的style中引入...原创 2022-05-17 11:34:34 · 4626 阅读 · 0 评论 -
使用qrcode.vue生成二维码
地址:https://www.npmjs.com/package/qrcode.vue/v/1.7.01、安装依赖:npm install [email protected] --save 或者yarn add [email protected] --save 2、使用:<template> <div> <qrcode-vue class="qrCode" :value="qrCode" size="200" /> </div&g原创 2022-05-16 16:06:36 · 845 阅读 · 0 评论 -
使用 jsbarcode 生成条形码
1、安装 jsbarcodeyarn add jsbarcode2、使用: <img id="barcode" /> .... import JsBarcode from "jsbarcode"; ... setQrCode(txt) { const options = { format: "CODE39", //选择要使用的条形码类型 lineColor: "#000", //条码颜色 width: 3, /原创 2022-03-04 08:54:01 · 954 阅读 · 0 评论 -
解决npm安装依赖错误:No matching version found for @babel/[email protected].
在使用npm安装vant时报错:去 https://www.npmjs.com/ 上搜索 @babel/parser 这个包,发现是存在7.16.6的:所以应该是npm源出了问题,查看和切换npm源:https://blog.csdn.net/sqf251877543/article/details/122088460切换npm源之后,重新安装即可。...原创 2021-12-22 16:26:10 · 7922 阅读 · 0 评论 -
npm管理镜像源
1、老方法:从别的源切换回npm源:npm config set registry=http://registry.npmjs.org2、新方法使用nrm切换:nrm use npmnrm安装命令:cnpm i nrm -g示例使用 nrm ls 查看npm当前在哪个源上:*号在哪个地方就说明npm现在在哪个源上。执行 nrm use npm 命令切换回npm源:再执行 nrm ls 命令可以看到已经切回到npm源了:...原创 2021-12-22 16:19:31 · 13403 阅读 · 0 评论 -
解决vite项目报错:ReferenceError: require is not defined
报错原因:require不属于vite里的方法。然后报错消失,图片正常显示了。原创 2021-12-21 09:39:20 · 11167 阅读 · 2 评论 -
解决echarts横坐标日期在ios设备上反向显示的问题
造成这种现象的原因是IOS中不支持 “-” 格式的连接日期。例如:var d = new Date("2017-08-11 12:00:00");这样创建的日期在iOS中不兼容,返回valid Date。需要改成:var d = new Date("2017-08-11 12:00:00".replace(/-/g, "/"));所以,日期排序前,需要将"-“格式的日期,转化为”/"格式的日期: list.sort((a: any, b: any) => { let t1 =原创 2021-12-07 14:02:43 · 1684 阅读 · 0 评论 -
echarts折线图x轴左边显示不全解决
如图,x轴坐标显示不全:只需在xAxis节点下添加axisLabel节点,设置interval为0即可:加完之后的效果:原创 2021-12-07 13:46:38 · 2073 阅读 · 0 评论 -
微信公众号授权登陆流程
原创 2021-09-03 09:42:42 · 402 阅读 · 0 评论 -
cdn被墙导致h5页面打开空白解决
之前项目中vuex的引入用的地址:<script src="https://cdn.bootcdn.net/ajax/libs/vuex/2.3.1/vuex.min.js"></script>后来发现页面打不开,原来是cdn被墙了,换新地址即可解决:<script src="https://cdnjs.cloudflare.com/ajax/libs/vuex/2.3.1/vuex.min.js"></script>...原创 2021-08-04 17:25:35 · 1148 阅读 · 0 评论 -
vue中keep-alive的使用及其关联的activated、deactivated钩子函数
默认情况下,每个组件的 keepAlive都为false,即不缓存的。原创 2021-07-01 10:19:47 · 798 阅读 · 0 评论 -
vue调用其他页面方法
原理:使用同一个vue实例在A页面监听,在B页面发射1、新建一个js文件,export 一个 Vue 实例:2、在page01页面import进刚创建的vue实例,然后在mounted方法里添加监听:3、在page02页面import进刚创建的vue实例,然后在适当的时候发射:这样,当page02页面的back方法执行时,Event会发射一个refreshEvent事件,page01页面监听到refreshEvent事件,即可执行page01页面的方法...原创 2021-06-12 16:47:40 · 2513 阅读 · 0 评论 -
关于img标签内:src不显示本地图片的问题
当src前面不加冒号展示本地图片,像下面这样写是没问题的:<img src="../../assets/images/app.png" width="375"/>但是,当src前面加了冒号以后,像下面这样写本地图片是无法显示的(imgUrl为网络图片地址):<img :src="imgUrl ? imgUrl : '../../assets/images/app.png'" width="375"/>要想正常显示,需要使用require原创 2021-06-09 13:43:27 · 15049 阅读 · 1 评论