随笔分类 - Vue
摘要：往往我们在开发项目时都经常用到 $refs 来直接访问子组件的方法，但是这样调用的时候可能会导致数据的延迟滞后的问题，则会出现bug。 解决方法则是推荐采取异步回调的方法，然后传参进去，严格遵守vue的生命周期就可以解决 推荐 es6 的promise。 示例代码： handleAsync () {
阅读全文
摘要：upload 的图片需要id，否则删除会全部一次性删除
阅读全文
摘要：一、是什么 权限是对特定资源的访问许可，所谓权限控制，也就是确保用户只能访问到被分配的资源 而前端权限归根结底是请求的发起权，请求的发起可能有下面两种形式触发 页面加载触发 页面上的按钮点击触发 总的来说，所有的请求发起都触发自前端路由或视图 所以我们可以从这两方面入手，对触发权限的源头进行控制，最
阅读全文
摘要：// 调用全局挂载的方法，关闭当前页 this.$store.dispatch("tagsView/delView", this.$route); // 关闭之后跳转你要跳转的路由 this.$router.push({ path: '/bidderDeclaration' }) // 也可以 返回
阅读全文
摘要：一、首先我们需要创建一个Vue工程 本文主要详细记录搭建全景图的过程，故搭建Vue工程不在过多描述。 二、安装Three.js npm install three --save npm install three-trackballcontrols --save npm install three-
阅读全文
摘要：###1.项目优化 #####1.1项目可优化的内容 生成打包报告 第三方库启用CDN Element-ui组件按需加载 路由懒加载 首页内容定制 #####1.2页面顶部进度条效果 使用nprogess第三方库 在axios请求拦截器中触发 Nprogress.start() 在axios响应拦截
阅读全文
摘要：vue的生命周期完成后，在组件首次渲染完成后，不用v-if控制组件显隐，再次调用组件，组件不会再次传参进行数据更新
阅读全文
摘要：对于 Vue.nextTick 方法，自己有些疑惑。在查询了各种资料后，总结了一下其原理和用途，如有错误，请不吝赐教。 概览 官方文档说明： 用法： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 疑问： DOM 更新循环是指什么？ 下次更新循环
阅读全文
摘要：vue 中直接操作 cookie 以下3种操作方式 set: function (name, value, days) { var d = new Date; d.setTime(d.getTime() + 24*60*60*1000*days); window.document.cookie =
阅读全文
摘要：从Vue生命周期出发，部分业务报错，尽量将方法调用以及数据获取全部放到mounted，可以极大的减少dom节点未生成而报错； created，能获取data，不能获取dom，mounted能获取data，也能获取dom
阅读全文
摘要：（一）搭建express本地服务器 1、安装express-generator npm i express-generator -g 2、创建一个express项目 express my-express-project 3、进入项目目录 cd my-express-project 这时候能看到my-
阅读全文
摘要：目录总览： 一、VueX概念 1. VueX的概念 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候，若 s
阅读全文
摘要：第一种方式 reload 一、在根文件 app.vue文件中配置 //app.vue <template> <!-- 给全局挂载 适配元素 app --> <div id="app"> <keep-alive include="DataSet"> <!-- 配置重置刷新 v-if="isRouter
阅读全文
摘要：1.父组件与子组件传值props 1.1定义父组件，父组件传递 inputText这个数值给子组件: //父组件 //引入的add-widget组件 //使用 v-bind 的缩写语法通常更简单： <add-widget :msg-val="msg"> //这里必须要用 - 代替驼峰 // HTML
阅读全文
摘要：Input 为受控组件，它总会显示 Vue 绑定值。 通常情况下，应当处理 input 事件，并更新组件的绑定值（或使用v-model）。否则，输入框内显示的值将不会改变。 不支持 v-model 修饰符。 当请求成功后，将返回结果赋值给input框时发现input框的值总是没有赋值最新数值，检查请
阅读全文
摘要：<el-upload action="" :limit="1" :on-change="handleChange" :auto-upload="false" :file-list="fileList" :show-file-list="false" > <span>选择文件</span> </el-
阅读全文
摘要：###背景 有一个表格，想要通过输入框编辑内容，但是在性能低下的电脑渲染1000+的输入框时该页面存在加载缓慢的问题 ###原因 不同的dom渲染消耗的内存是不一样的，input输入框消耗比较大，通过1000个输入框在本地性能CPU调节为4倍降速时，通过(performance.timing.dom
阅读全文
摘要：一、回显问题 二、change事件问题 开发时遇到修改时间,新增的时候是可以的,但是编辑的时候再修改就没有效果,但确认后刷新页面其实是修改了的. 好了下面直接说解决方法: 先讲一下 vue强制更新f o r c e U p d a t e ( ) 添 加 t h i s . forceUpdate(
阅读全文
摘要：uni-app需要给page.json文件需要进行配置路由，否则会不报错，也跳转不过去
阅读全文
摘要：<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page.sync="pagination.current" :page-sizes="[10, 20, 50,
阅读全文
