weixin_44999830的博客

将类似如下数据转换成树形的数据[{ id: 1, name: '1',}, { id: 2, name: '1-1', parentId: 1}, { id: 3, name: '1-1-1', parentId: 2}, { id: 4, name: '1-2', parentId: 1}, { id: 5, name: '1-2-2', parentId: 4}, { id

resetFields真的是个难搞的方法之前遇到过resetFields方法浏览器报undefind上一篇文章已经解决现在出现resetFields没有起到重置form表单初始数据作用但是可以重置表单校验数据遇到问题代码问题：先调用编辑回显再调用新增resetFields没有起到重置表单初始数据作用 data() { return { form: { id: null, name: null,

项目是avuet做的，在Safari下表格出现样式宽度错乱，这个问题这里用css样式解决:body .el-table th.gutter { display: table-cell !important;}body .el-table colgroup.gutter { display: table-cell !important;}table { width: 100% !important;}因为表格宽度未设置100%，导致计算每列出现几px的精度差，最后导致整体样式错

//mockjs 文档的github地址: https://github.com/nuysoft/Mock/wikilet Mock = require('mockjs');let basicData = Mock.mock({ 'list|1-100': [{ 'id|+1': 1, 'isBoolean': '@boolean(10, 0, true)',//百分之百的true 'naturalNumber': '@natural(1, 10

一、项目优化策略生成打包报告第三方库启用 CDNElement-UI 组件按需加载路由懒加载首页内容定制1. 生成打包报告打包时，为了直观地发现项目中存在的问题，可以在打包时生成报告。生成报告的方式有两种：① 通过命令行参数的形式生成报告// 通过 vue-cli 的命令选项可以生成打包报告 // --report 选项可以生成 report.html 以帮助分析包内容 vue-cli-service build --report② 通过可视化的UI面板直接查看报告（推荐）在

1、Vuex分成五个部分：State：单一状态树，共同维护的一个状态，state里面可以是很多个全局状态Getters：状态获取，获取数据并渲染Mutations：触发同步事件，处理数据的唯一途径，state的改变或赋值只能在这里Actions：提交mutation，数据的异步操作Module：将vuex进行分模块2、使用步骤2.1 安装npm install vuex -S...

前言经常我们会遇到elementUI组件库期间有5%达不到我们想要的需求，第一我们重新写组件，第二我们改源码。安装elementhttps://github.com/ElemeFE/element.git新建组件//1.packages文件夹中新建alertText/src/main.vue*<template> <div> <div>新...

1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。vm.$emit( event, arg ) //触发当前实例上的事件vm.$on( event, fn );//监听event事件后运行 fn；子组件：go-city.vue<template> <div class="go-city"> &lt...

1、v-show 与 v-if 有什么区别？v-if 是真正的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建；也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。v-show 就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于 CSS 的 “display” 属性进行切换。所以，**v-if ...

最近去面试被问到了vue-router实现原理，一脸懵逼，只知道怎么使用，原理确没有去深究，接下来聊聊这玩意是啥东西。vue-router是什么？这东西是Vue来实现单页（SPA）应用的，只需要改变url的后缀，不需向服务器请求页面，从而不刷新页面，用户体验大大提升。1.传统的页面应用，是用一些超链接来实现页面切换和跳转的。2.vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并...

1、数据变化其实是借助了Object.defineProperty方法，先来一个栗子：let car = {}let val = 3000Object.defineProperty(car, 'price', { enumerable: true, configurable: true, get(){ console.log('price属性被读取了') return val...

1、先看一个vue响应式的例子，vue中的data 、methods、computed，可以实现响应式。视图通过点击事件，触发methods中的increment方法，可以更改state中count的值，一旦count值发生变化，computed中的函数能够把getCount更新到视图。<div id="app"> <button @click="increment"...

在static目录下直接放置模拟的json 文件1、调整config/index.js文件配置json数据都放到了static/mock目录下。注意接口地址的端口号在运行项目和设置的要一致才能正确取到数据。2、在任意组件中使用axios来请求本地json数据文件以下为访问本地模拟的json数据，url路径要和配置文件中的路径一致。...

使用ElementUI自带的DatePicker 日期选择器，加入验证类型为 type="date"时报错首先说明出现原因，elementUI的日期选择器【el-date-picker】在加上格式value-format=“yyyy-MM-dd” format=“yyyy-MM-dd”和校验规则时{ type: ‘date’, required: true, message: ‘请选择日...

@click改成@click.native一个组件的根元素上直接监听一个原生事件

解决办法：请将webpack升级到4版本或将sass-loader降级到7版本。cd到项目文件里面运行下面npm uninstall sass-loader（卸载当前版本）npm install sass-loader@7.3.1 --save-dev备注：在VUE项目中安装scss1、安装sass依赖包，打开命令行输入：npm install sass-loader -D2、安装完...

1、安装Node环境可以参考菜鸟教程安装步骤：https://www.runoob.com/nodejs/nodejs-install-setup.html2、搭建vue-cli环境1、全局安装vue-cli　　npm install vue-cli -g　　2、进入你的项目目录，创建一个webpack模板项目vue init webpack vue-demoInstall vue...

Element-ui中的周选择无法使用value-format来获取对应的值，那么我们可以通过以下方式获取：1、增加一个id值2、通过document.querySelector("#getWeek").value获取对应的值...