qq_37642495的博客

首先说下原理 菜单的折叠展开是由一个变量控制的 将这个变量存入vue-x中 点击改变状态就存入变量 在echarts渲染的时候 监听这个vue-x中存入的变量 有变化即用charts.resize 就可以实现自适应啦 就还是挺方便哒 vue-x的存变量我上一边介绍的很清晰：点击折叠展开菜单触发的方法： //点击按钮折叠菜单 toggleCollapse() { this.isCollapse = !this.isCollapse //点击折叠按钮后，对isCollapse进

https://blog.csdn.net/qq_42597536/article/details/90056775大佬连接可以直接用 我把它封装成组件了 <div :class="className" :style="{height:height,width:width}" style="margin-top: 35px"/></template><script>import echarts from 'echarts'require('echarts/

npm install d3npm install dagre-d3这样项目里面就可直接引入使用了 如过项目里面使用比较多 可以在main.js里面全局引入 不多的话就在vue文件里面引入即可import dagreD3 from 'dagre-d3'import * as d3 from 'd3'需要注释我都标注在代码里面了 // 设置节点和连线 renderGagre() { let self = this this.tooltip = this.

今天需要在抽屉里面绘制echarts图形 发现个神奇的报错 不显示图形 还报错 ：typeError: Cannot read property ‘getAttribute’ of null百度下知道是因为拿不到dom节点 所以报错 综合分析下网上的解决办法 觉得下面的办法比较简单 还能顺利解决：在弹窗的弹出事件里出发一下函数（eg: dialog、drawer 的@open事件） openChart() { const self = this setTimeo

npm install echarts --save// main.js文件中引入并全局注册import Echarts from 'echarts'Vue.prototype.echarts = EchartsVue.use(Echarts)下面在项目里就可以直接使用echars了 正常是这样的 不过可能会报错（“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘…） 就是echart并没引入进来 这时候

最近用element 的抽屉 发现title 还有整个抽屉 在点开的时候会有一个蓝色的框 看着真的不好看 合计去掉 收藏下面 有效<style lang="scss" > // 去掉弹窗出现时的出现蓝框:focus { outline: 0;}</style>...

let searchStr = this.formInline.logId, // 需要特殊样式的字符串 srtEndIndex = 0, srtStartIndex = 0, newStr = '' data.forEach((item) => { // 后端返回的列表数据 if (item.indexOf(searchStr) > ...

今天遇到个问题vue渲染后台返回的列表 要为里面特定的字符串加样式 所以就给特定字符串加了标签 很奇怪标签没有显示 百度查知道 v-html就可解决~~~ <div v-for="(item, index) in logList" :key="index" v-html="item"> </div>...

https://blog.csdn.net/hailangtuteng/article/details/86691082https://blog.csdn.net/w1418899532/article/details/103768835保存下下次用

https://blog.csdn.net/Ningqiugu/article/details/83314644

首先要安装依赖：npm install --save vue-clipboard2然后在main.js中引入：vue-cli：import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)常规用法：<script src="vue.min.js"></script><!-- 必须在vue...

https://www.ddkiss.com/archives/30.html发现好几条我都遇见过

最近项目中有一个这样的bug，vue中组件复用引起的问题，解决办法就是添加k值附上实用的解决方案：https://blog.csdn.net/yang__k/article/details/80318313

今天心情超级不好啊~买不到回家的票，哎

**this.$nextTick()**官方介绍：将回调延迟到下次 DOM 更新循环之后执行。为了在数据变化之后等待 Vue 完成更新 DOM （可以在数据变化之后立即使用 ，得到的就是更新后的数据）。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。一个修改官方的例子讲的很明白：&lt;div class="app"&gt; &lt;div...

1、组件就是功能模块（局部功能界面）2、template必须有一个根标签3、npm run build打包生成dist文件夹：a、使用静态服务器工具包npm install-g serveserve dist访问http://localhost:5000b、使用动态web服务器（tomcat）修改配置：webpack.prod.conf.jsoutput: {publicPat...

https://segmentfault.com/a/1190000005015164#articleHeader2https://www.cnblogs.com/fozero/p/8094265.html

这个解释的很好：MVVM框架Vue.js的数据驱动就是通过MVVM这种框架来实现的。MVVM框架主要包含3个部分:model、view和 viewmodel。Model:指的是数据部分，对应到前端相当于javascript对象；View:指的是视图部分，对应前端相当于dom；Viewmodel:就是连接视图与数据的中间件通讯；数据(Model)和视图(View)是不能直接通讯的，而是需要通...

今天不忙，想着自己搭建个项目玩一下，用了vue-cli 3.0搭建个项目，真的比较简单这两个教程都比较详细，也说了和2.0的区别：http://www.fly63.com/article/detial/1334https://www.jianshu.com/p/6b9f56145df2踩着大神总结的 啊嘿嘿嘿...

https://blog.csdn.net/shichuwu/article/details/86666553

一直觉得vue数据驱动很优秀，不过有时不渲染数据，这里一个最近的bug，弄了半天，才解决：注释掉的那种写法就是不渲染，下面的就是可以的，当层级深一点的话赋值就要小心啦，容易入坑！！！！！...

今天有一个需求就是页面需要几秒中调一次请求，自然用setTimeout，然后就发现有一个Bug，明明设置的是5秒，可是页面却一直刷新，根本不是5秒，后来感觉是因为没有清除定时器，修改之后，发现是这样的，应该在VUE销毁前的钩子里面清除定时器：这里附上一点点代码：注意定时器都是有返回值的，这里推荐一个讲的很详细的定时器设置及其清除的链接：http://www.cnblogs.com/wangy...

https://www.cnblogs.com/alice-fee/p/8038367.html有了它调试数据很方便，推荐博主的第二种方法！！！

v-show与v-if的区别：前者只是将样式隐藏掉而已，后者才是销毁DOM节点（频繁变化用v-show）；动态绑定样式（数组语法）：ps: 还可以用computed、methods来动态定义样式，差一个他们的区别，计算属性是只有数据变了才会更新，方法则是每次都要重新调用（优先选择计算属性）vue.js操作数组注意：通过下标改动数组的某一项(可以用vue.set设置属性值解决)，或者...