lyd的博客

遇到没有头绪的报错，需要使用排除法一点一点从大范围缩小到小范围，小范围内再进行一点一点的尝试，尝试次数多了总是可以发现问题的关键点。组件的相关代码放到了组件库文件夹中，组件库的打包和项目功能文件打包不一样，因此先把组件相关代码移动到项目中尝试，结果并不能解决。用于将 es5 最终输出 es3 的 webpack 插件，如果项目需要兼容 ie8 会用到它，注释掉这个插件，结果并不能解决。组件，首先进行的是把四个页面的代码注释掉，结果还是有问题；错误，把一些没有添加分号的代码也添加了分号，结果还是出现问题。

1. 表单项必填校验，内容为空时没问题，填写内容后不实时移除必填提示信息2. 新增的动态表单项，不能实时校验，执行form.validate会进行校验

环境：element-ui@2.13.2vue@2.6.6示例：1. 表格单选方案1<template><div class="radio_page"> <div class="selected_num">已选 {{selectedRow.name}}</div> <el-table :data="list" ref="table" :border="true" v-loading="

项目环境create-react-app初始化babel 7.xmobx 6.xmobx-react 7.xreact 17.x项目运行npm starthttp://localhost:3000学习中遇到的问题store更新但是UI没有更新原因是mobx 6.x版本不是使用@observable，改成使用makeAutoObservable或者makeObservableCannot update during an existing state transition (

地图SDK加载器，支持腾讯地图和百度地图，可用于vue和react项目。百度地图可选择使用react-baidu-maps，vue-baidu-map安装npm install load-map --save使用import LoadMap from 'load-map';LoadMap.load({ mapKey: 'xxxxx', // 你申请的key version： '2.exp', // 地图版本， url: 'https://map.qq.com/api

表格图片显示问题问题：表格中是用户信息，有用户头像，用户头像图片没显示，当两个用户头像地址一样，前一页还显示，下一页就没有了环境：elementUI2.10.1组件el-table el-avatarvue2.6.10解决：原因1：el-avatar组件内有一个isImageExist，默认情况下图片请求失败会把它设置为false，一旦设置为false，就不会再变成true，此时修改图片为正确地址也不会渲染图片。原因2：el-table表格更新，默认是会只更新变化部分，尽量减少dom操作。

环境：mpvue2.0.0webpack3.11.0问题：报错无法显示图表setCanvasCreator is not a function，使用mpvue-echarts组件，由于echarts文件过大导致主包超出限制，因此放入分包文件夹下（原来放入static文件夹下不报错，之前echarts文件已经定制压缩过），只改变文件路径其他都没修改，但是一直报错。解决：echarts-for-weixin其中代码都是小程序原生代码，mpvue无法识别打包，所以需要直接复制到mpvue打包产出代码路

环境：vue2.6.6element-ui2.13.2问题：用户头像图片加载失败，显示异常难看，难看的失败图标。解决：使用element-ui的Avatar组件<template> <el-avatar :src="photoUrl" size="small"> {{ name.substring(0,1) }} </el-avatar></template><script>export default {

环境：element-ui：2.13.2vue：2.6.6问题：新增，删除操作，表格不同步更新。表格数据懒加载，表格带有新增、新增子节点、编辑、删除、批量删除操作解析：表格每一行数据都有id和pid，pid用来标记当前行的父节点，hasChildren标识是否有子节点，children存放子节点的数组。更新节点的关键代码是this.$set(this.$refs.table.store.states.lazyTreeNodeMap, pid, nodes);，这一段代码很多文章可以搜索到，但是没

环境：element-ui2.13.0，vue 2.6.10，vueCli3.0初始化问题：form表单内部的表单控件双向绑定失效，表单控件不会显示选中项。如果单选，data内部会同步更新，但是表单控件不会显示已选项；多选时，data内部同步值很慢，只有最后选择的一项。此时当其他不关联表单控件变化时，有问题的表单控件可能会显示选中项，多选甚至会显示选中的多个，很诡异。<templat...

问题：使用elementUI的Table组件，表格嵌套扩展行，不采用elementUI默认的箭头操作显示扩展行，使用自定义操作按钮，表格带有边框解决：由于不想显示出来扩展列，所以给扩展列组件el-table-column设置了样式display:none，但是实际上并没有解决问题。使用v-show和设置display:none并没有区别，使用v-if真的解决了，但是扩展行木有了，文档中也没有...

环境：vue cli 3.0初始化带有eslint项目触发位置：<img class="avatar" :src="photoUrl" alt="avatar" />解决：报错内容是：不允许对HTML void元素进行自动关闭方法一：<img class="avatar" :src="photoUrl" alt="avatar">方法二：修改文件.es...

报错：[Vue warn]: Error in nextTick: "TypeError: Converting circular structure to JSON --> starting at object with constructor 'Vue' | property '$options' -> object with constructor 'O...

由于elementUI没有树形选择组件，但是项目又需要，因此粗实现单选择的树形选择组件。组件组成elementUI的InputelementUI的SelectelementUI的TreeAttributesv-model 双向绑定的 绑定值treeData 树形数据，参考结构[{ isLeaf: false, label: '粗树干1',...

问题elementui改为按需引入后出现报错，报错信息Uncaught ReferenceError: _MessageBox is not defined操作npm i -D babel-plugin-componentbabel.config.jsmodule.exports = { presets: [ '@vue/app' ], plugins: [...

问题：点击分页组件切换页码，切换之前显示消息提示框，根据消息提示框的操作来确定是否切换页码。但是Pagination组件没有页码切换前的回调，只有切换后的回调。分析：分页组件的current-page可以通过.sync修饰符实现双向绑定当前页码，分页组件的current-change可以配置页码变化后回调，此时分页组件的页码current-page已经改变了，并且呈现在UI上。根据提示框的操...

思路:将最后一类的label用formatter函数处理为总和。option = { title: { text: '分类销量（堆叠柱状图求和）' }, legend: { y: "bottom", data: ['百货', '电子', '服装'] }, xAxis: [{ type: "c...