Vue组件之间的关系与传值方法

Vue组件之间的关系与传值方法父子关系父传子 props父组件传递子组件 只需要在子组件上绑定一个自定义属性 子组件内使用props接收自定义属性即可 // 父组件 简写 // template <Son :msg="msg"></Son> // script <script> components: { Son }, data() { return { msg: "你好啊" }; }, </script> // 子组件 // template <h2>这是儿子:{{msg}}</h2> // script <script> // 父传子 props: { // 参数 msg: { ...

Vue $refs 获取节点高度

<div ref="common"></div>mounted(){ //获取元素内联样式值(非内联样式无法获取) console.log(this.$refs.common.$el.height) //// 获取高度值 (内容高+padding+边框) console.log(this.$refs.common.$el.offsetHeight) }

JS 获取 URL参数

利用正则获取//获取路径?后字段 function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return decodeURI(r[2]); return ''; } http://url/index.html?token=a6c66654a2a7ca8d0aa9a06c34138ae1 var token = GetQueryString('token'); console.log(token)8月31日更新如果当前项目路由模式使用的是hash的模式的话使用 hash获取function GetQueryString(name) { var reg = new RegExp("(^|&)" + ...

js实现上传前图片压缩功能

项目需求,需要压缩图片,网上看到一篇类似需求,压缩效果很不错, 直接上代码 // 更小的压缩图片 lessCompress(img, Orientation) { let canvas = document.createElement("canvas"); let ctx = canvas.getContext("2d"); //瓦片canvas let tCanvas = document.createElement("canvas"); let tctx = tCanvas.getContext("2d"); let initSize = img.src.length; let width = img.width; let height = img.height; //如果图片大于四百万像素,计算压缩比并将大小压至400万以下 let ratio; if...

数组嵌套多维对象转换一维数组

前言工作时处理一段数组对象,树形结构,需要转换成一层结构如下图,一层套一层,不方便使用,解决方案使用了递归来改变数据结构,直接贴代码 function parseArr(arr, res) {         var i = 0;         for (i = 0; i < arr.length; i++) {             if (arr[i].commentList && arr[i].commentList.length > 0) {                 parseArr(arr[i].commentList, res);                 var t = JSON.parse(JSON.stringify(arr[i]))                 delete t.commentList                 res.push(t)             } else {                 res.push(arr[i]);             }         }...