随笔分类 - vue
摘要：1. vue2和vue3双向数据绑定原理发生了改变 vue2的双向数据绑定是利用了es5 的一个API Object.definepropert() 对数据进行劫持 结合发布订阅模式来实现的。vue3中使用了es6的proxyAPI对数据进行处理。相比与vue2，使用proxy API 优势有：de
阅读全文
摘要：这个问题可以在 main.js 中，调整 import store from '@/store 和 import router from @/router 的先后顺序进行解决 router 在 store后边
阅读全文
摘要：vue data是函数的原因： 1、防止data复用； 2、data独立性； 3、作用域； 4、js的特性。 总结来说，如果data是一个函数的话，这样每复用一次组件，就会返回一份新的data(类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据)。 1、防止data复用 vue
阅读全文
摘要：1.computed计算属性： 作用：（1）解决模板中放入过多的逻辑会让模板过重且难以维护的问题。例如两个数据的拼接或字体颜色的判断。 （2）它支持缓存，只有依赖的数据发生了变化，才会重新计算。例如模板中多次用到数据拼接可以用计算属性，只执行一次计算，除非数据发生变化。 （3）不支持异步，如果有异步
阅读全文
摘要：.table_class{ &::v-deep { .el-table__body-wrapper::-webkit-scrollbar { /*width: 0;宽度为0隐藏*/ width: 4px; } .el-table__body-wrapper::-webkit-scrollbar-th
阅读全文
摘要：<el-table :data="tableData" stripe class="swiper-page-table" ref="table" height="100%" > <el-table-column type="index" label="序号" width="50"> </el-tab
阅读全文
摘要：下载引入相关依赖 1、cnpm install --save mysql 2、cnpm install --save axios 3、cnpm install --save body-parser 4、cnpm install --save express 5、cnpm install --save
阅读全文
摘要：写Vue 的时候常遇到的错误之一就是XXXXXX未定义，然后来一个undefined这种问题一般都是创建钩子出错：无法读取未定义的 xxx 属性。 此错误一般多出现在 created() 中， Vue 中数据渲染和DOM 元素渲染是异步的，此时可能会出现加载先后的问题。在DOM 元素渲染未完成的情况
阅读全文
摘要：1.computed表示的是计算属性，watch指的是监听属性，监听的值变化时执行回调函数 2.computed会使用缓存，而watch不使用缓存，每次监听都执行回调 3.computed需要return，而watch不一定要return 4.computed从一开始就进行监听，而watch则不监听
阅读全文
摘要：结合父子组件之后，一个完整的父子组件生命周期：父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted->父beforeUpdate->
阅读全文
摘要：vue 实例从创建到销毁的过程就是生命周期。 也就是从开始创建、初始化数据、编译模板、挂载 dom -> 渲染、更新 -> 渲染、准备销毁、销毁等一系列过程 vue的生命周期常见的主要分为4大阶段8大钩子函数 一、创建前 / 后 在beforeCreate生命周期函数执行的时候，data和metho
阅读全文
摘要：安装： 在项目终端运行以下命令 cnpm install x2js --save 引用： // 引入模块 import x2js from 'x2js' 全部代码： <template> <el-button type="primary" @click="exportExcel">导出</el-bu
阅读全文
摘要：先卸载 npm uninstall --save core-js 再重新安装即可 npm install --save core-js
阅读全文
摘要：import axios from 'axios' import { Message, MessageBox } from 'element-ui' import store from '../store' import { getToken } from '@/utils/auth' // 创建a
阅读全文
摘要：1.找到根目录的 vue.config.js 添加 proxy 内容 注释掉mock 2.清空 .env.development 里的 VUE_APP_BASE_API 路径 3.user.js 方法换成自己的接口 如果url不生效 直接修改request.js里的baseURL
阅读全文
摘要：1.oninput =“value=value.replace(/[^\d]/g,’’)” //只能输入数字 2.oninput =“value=value.replace(/[^0-9.]/g,’’)” //只能输入数字和小数 3.@blur="number=$event.target.value
阅读全文
摘要：<template> <el-form :model="DataForm" label-position="top" :rules="dialogRules"> <el-form-item label="年龄" prop="loseEfficacyReason"> <el-input type="t
阅读全文
摘要：在做vue element 项目中，做了一个新增 打开弹框的功能，想每次点击新增的时候表单项重置。1.使用了this.$refs[formName].resetFields();2.但是报错了，原因是：mouted加载数据以后，隐藏的弹出框并没有编译渲染进dom里面。所以click弹出的时候$ref
阅读全文
摘要：先删除package.json的"tui-editor": "1.3.3",再安装依赖，不然会报错 1、修改package.json 删除包括tui-editor的1行 2、删除tui-editor相关文件rm src/components/MarkdownEditor/index.vuerm sr
阅读全文
摘要：加到option配置里 title: { text: "2673682", left: "center", top: "50%", textStyle: { textAlign: "center", fill: "#333", fontSize: 12, fontWeight: 400, } },
阅读全文
浙公网安备 33010602011771号