Vue
Mr.SlyFox
只是单纯的记录一下项目开发时遇到的问题,为了以后遇到了还有个地方可以参考
展开
-
记录一个vue将读取图片并转成base64位的功能,并封装调用
记录一个vue将读取图片并转成base64位的功能今天特别郁闷,找了老半天搜到的代码不是少了代码,就是运行炸裂的,烦心的很。// 页面代码<input type="file" @change="ClickGetImg">// 公共代码ClickGet(e) { var image = new Image(); image.src = window.URL.createObjectURL(e.target.files[0]); image.onload = ()原创 2021-05-11 17:57:21 · 587 阅读 · 2 评论 -
记录一个vue用路由跳转页面时的传参使用
记录一个vue用路由跳转页面时的传参使用这个传参是指在需要跳转页面时的一定需要的传参,当然,你们也可以用公共参数,不使用这样的方式也是一样的。下面对不传参,传单个参数,传多个参数进行举例和对比。不传参数时 // 路由 path: "/DoctorDtl", component: () => import("@/views/doctor/children/DoctorDtl.vue"), // 是否数据缓存 meta: { title:原创 2021-04-04 15:07:49 · 156 阅读 · 0 评论 -
记录一个Vue封装公共函数方法的步骤
记录一个Vue封装公共函数方法的步骤这边要记录的是两种方法一. 在main.js 中直接封装我们以上一篇关于获取页面宽度的问题来做封装/*main.js*/Vue.prototype.GetsPpageWidth= function(){ let screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWid原创 2021-03-16 15:44:58 · 665 阅读 · 1 评论 -
记录一个vue监控屏幕宽度的问题
记录一个vue监控屏幕宽度的问题因为今天有查询过如何用vue监控屏幕宽度的问题,搜到的很多都是这样的写法: data() { return { screenWidth: null, //屏幕尺寸 }; }, watch: { screenWidth: { handler: function (val) { console.log("屏幕宽度等于"+val+"px"); }, immediate: true,原创 2021-03-15 15:55:17 · 530 阅读 · 0 评论