随笔分类 - vue
摘要：Cannot read property 'apply' of undefined 报错没影响功能 报错原因： input标签定义了blur事件，但methods中没有对应声名改方法，（因为我注释了methods中的onBlur，细节，坑）
阅读全文
摘要：由于后台返回文字过长，所有文字显示不够， 会导致部分项隐藏， 限定宽度，设置过长的换行，轻松解决 xAxis: { type: "category", boundaryGap: false, axisTick: { show: false }, axisLine: { lineStyle: { co
阅读全文
摘要：formatter: function(params) { console.log("eeessss") console.log(params) var result = "<div>" + params[0].axisValue + "</div>"; params.forEach(functio
阅读全文
摘要：例如提交订单成功跳到了订单详情页面，再返回就又到了提交订单支付页面 我们需要返回到其他页面 1、挂载完成后，判断浏览器是否支持popstate 2、页面销毁时，取消监听。否则其他vue路由页面也会被监听 3、将监听操作写在methods里面，removeEventListener取消监听内容必须跟开
阅读全文
摘要：v-model 绑定是 状态 跟 控件 value值或者checked 多个多选框 绑定 需要绑定一个数组， 需要每个控件都有一个value值 记住用户名：<input type="checkbox" v-model="isChecked"/> <br/> vue:<input type="chec
阅读全文
摘要：Object.defineProperty(obj,"name",{ get(){ console.log("被访问了") return obox.innerHTML }, set(data){ console.log("修改了name值",data) obox.innerHTML = data;
阅读全文
摘要：data(){ return{ list:[], swiperOption:"", xiding : "", // 轮播高度 SwiperHeight:'' } }, mounted(){ this.onload(...
阅读全文
摘要：首页 this.$router.push({path: '/product/buy', query: { orders: JSON.stringify(orders) , total: orders[0].totalAmount , stock: this.select } }) // 下个页面接收
阅读全文
摘要：import Vue from 'vue' var bus = new Vue() export default bus 监听事件： 首页监听 触发事件： 详情页触发
阅读全文
摘要：由此可见，当代码运行时，会一次调用Vue 的 beforeCreate、created、beforeMount、mounted 四个方法，直至完成组件的挂载。而update阶段，要在数据发生改变时（比如更新message字段 vm.message = 'Hahahaha~'）才出发；destroy阶
阅读全文
摘要：github：https://github.com/vuejs/vue-devtools 大佬教程：https://segmentfault.com/a/1190000014743756
阅读全文
摘要：原生防止冒泡：ev.stopPropagation()； IE则是使用e.cancelBubble = true 原生捕获：ev.preventDefault(); IE则是使用e.returnValue = false;
阅读全文
摘要：<template> <div> <h3 class="pad-all">找回密码</h3> <el-form :model="modeflyForm" :rules="rules" ref="modeflyForm" class="pad-all" > <el-form-item label="手机号" prop="tel" :label-width="formLabelWidt
阅读全文
摘要：<template> <div class="adminLogin"> <!-- 标题栏 --> <div class="sys-title center"> <h1>后台管理系统</h1> </div> <!-- 登录框 --> <div class="form"> <!-- 左侧图片 --> <div class="form-img" > <img src="htt
阅读全文
摘要：需要装加密插件 pm install crypto-js
阅读全文
摘要：<el-main> <el-form :model="ReginForm" ref="ReginForm" :rules="rule" class="regform" label-width="0"> <h3 class="login-text">手机注册</h3> <el-form-item prop="tel"> <el-input type="text" v-mod
阅读全文
摘要：目标： 1.记住密码勾选，点登陆时，将账号和密码保存到cookie，下次登陆自动显示到表单内2.不勾选，点登陆时候则清空之前保存到cookie的值，下次登陆需要手动输入 方法： 通过存/取/删cookie实现的；每次进入登录页，先去读取cookie，如果浏览器的cookie中有账号信息，就自动填充到
阅读全文
摘要：//prop可以接收接口的参数，例如这个testType是后端传给你的用来选择状态的参数，就可以这样用 会议进行中 会议准备中 会议结束 查看弹框 这个scope.row是当前表格一行的所有数据，例如 scope.row.id就可以拿到后端传过来的id，然后把这个id传给后端...
阅读全文
摘要：npm install -g @vue/cli-service-global vue create hello-world
阅读全文
摘要：原理： 父组件向子组件传方法，子组件想办法调用改方法（通过 this.$emit(）触发父组件穿过来的方法），把子组件的数据当做该方法的参数传递进去，父组件就拿到了实参，得到了数据 （子组件每当点击自己身上的button按钮，就会触发自己身上的myclick事件，在自身myclick方法里面通过 t
阅读全文