vue
遇见y2021
web前端爱好开发者,记录工作开发学习中遇到的点滴
展开
-
调试iview源码方法
使用前端框架iview的时候,有时候要对其中组件的代码进行调试,而我们一般引用的是打包好的文件,现在将记录方法如下:1、文件引入由(main.js)import iView from ‘iview'变成import iView from '../node_modules/iview/src/index'2、更改模块下的导出文件module.exports.default = module.exports = API; // eslint-disable-line no-undef变原创 2022-05-07 13:39:19 · 444 阅读 · 0 评论 -
vue.js中iview中使用树形结构回显问题
在使用iview的tree组件的时候,当要回显时,tree中的选中功能,如果先取消,然后再选中,这无法显示再选中的样式。如要解决此问题,要从新定义一个数组,用这个数组来对要展示的数据做相应的处理,然后再把这个数组从新赋值给对tree的data,而不是先对data赋值,然后对其结构中的数据在改变。具体代码如下:<Tree class="fz14" ref="caseTree" :data="caseLists" show-checkbox :multiple="true" @on-check...原创 2021-08-08 10:00:53 · 1285 阅读 · 1 评论 -
巧用vue.js的计算属性(computed)做前端查询
前后端分离的项目开发中,查询一般是交给后端处理,但有时候前端一个表格或一个模块中的数据是前端按照先后顺序查询多个接口,一次性查出所有数据展示,如果这样再交由后端处理,则每次都需要查询多个接口,在网络不好的情况下非常影响用户体验。一般这种情况下可以由前端做查询处理。 一、vue.js的template代码:<input type="text" v-model = "name"/> <ul> <li v-for="li in showList" :key...原创 2021-08-06 23:35:27 · 390 阅读 · 0 评论 -
vue中使用echarts画图之鼠标移入删除重绘
当用echarts画图的时候,有时候需要在echart画出的canvas上面做二次操作,如鼠标移入的时候删除该列,然后再重新展示删除后的数据,比如柱状图,要取得每一个柱状的具体位置和宽度,具体如下:一、根据数据绘制图形drawCanvas(server){ let _this = this; let echarts = require('echarts'); ...原创 2019-12-17 18:16:07 · 1490 阅读 · 0 评论