前端
文章平均质量分 69
Web攻城狮-前端
这个作者很懒,什么都没留下…
展开
-
ES6 利用...(扩展运算符)合并数组
ES5合并数组的方式之一如下:varparam=['hi',true,666]varother=[1,2,3].concat(param)console.log(other)//打印下看看ES6合并数组:varparam=['hi',true,666]varother=[1,2,3,...param]//运算符...console.log(othe...原创 2020-02-03 22:03:59 · 1778 阅读 · 0 评论 -
map()方法返回新数组
map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。如果需要在原数组基础上生成一个新数组,map方法是一个很好的选择,比如:letevens=[1,2,3,4,5]letodds=evens.map(v=>v+1)console.log(evens,odds) //打印...原创 2020-02-03 21:31:38 · 5628 阅读 · 1 评论 -
vue项目中使用echarts图表,图表需根据不同搜索条件重新渲染,问题是图表并没有完全重新渲染
vue项目中使用echarts图表,图表需根据不同搜索条件重新渲染。问题:图表并没有完全重新渲染,或者说渲染后图表中还会看到上一次的数据。假如上一次渲染出十条数据,这次渲染出六条数据,但是显示的还是十条,前六条是本次渲染内容,后四条是上次渲染的后四条数据。这样看来,肯定是重新渲染前需要清空数据的问题,但是数据置空的代码写了还是没能达到理想的效果。下面是画图方法:drawLine()...原创 2019-08-14 11:37:06 · 2777 阅读 · 1 评论 -
Vue 父组件向子组件传递动态参数,子组件如何实时更新
项目问题介绍:父组件中填入各种查询条件,点击查询按钮查出符合条件的数据。其中,数据列表是引入的子组件。第一次加载的时候,子组件数据正常显示,再次查询的时候子组件怎么实现实时更新呢?解决办法:子组件watch中(监听)父组件数据的变化以自己的项目为例:父组件:这是父组件中如何引用的子组件。testParams是我需要传过去的参数对象。参数名是params。子组...原创 2019-08-05 16:20:44 · 11417 阅读 · 1 评论 -
父组件向子组件传递数组格式数据
vue项目中,子组件是一个弹框,需要做父组件中显示此弹框,其弹框内容来自于父组件。父子组件之间的传值通过props来实现。以下以A为父组件页面,B为子组件页面来说明。其中父组件页面调用子组件,v-bind绑定要传递的值tableLabelTest。A页面设置如下:tableLabelTest是动态的,有一个地方给它赋值子组件B页面props接收父组件传过来的数据,子...原创 2019-07-16 17:49:24 · 17391 阅读 · 0 评论 -
vue项目中Echarts图表的使用
首先,安装Echarts。npm install echarts --save在入口js文件main.js引入的话得到的是已经加载了所有图表和组件的 ECharts 包,会造成打包体积比较大。所以在这里只介绍按需引入需要的模块。例如在页面中这样引用:method方法:drawLine方法的完整代码如下,可供参考:drawLine(){let myChart = ec...原创 2019-07-18 17:01:07 · 253 阅读 · 0 评论 -
vue 地址栏手动输入权限范围外的路由如何处理 beforeEach跳转路由验证
项目中导航是根据登录人的角色不同,后台返回的菜单导航数据也不同来生成的。假如A角色有userManagement、roleManagement、tagManagement三个权限的路由,B角色有roleManagement、tagManagement两个角色的路由,正常情况下B角色进入网站是看不到userManagement这个页面的,但是如果B角色手动在地址栏输入,如下图所示,还是可...原创 2019-07-12 17:50:31 · 2240 阅读 · 0 评论 -
vue项目中报 : TypeError: Cannot read property 'processed' of null
vue项目中,表格渲染的时候报TypeError: Cannot read property 'processed' of null,processed是我需要渲染的属性。查出的数据是空的时候才会报这个错。所以报错的原因可能就是数据为空,所以获取不到handler_属性值,而我需要的是handler_下的processed的值。所以解决办法就是先判断handler_是否存在,存在就继续渲染...原创 2019-07-03 18:03:17 · 4218 阅读 · 0 评论 -
Cannot read property 'setCheckedKeys' of undefined
问题:使用element-ui 的tree插件,表格数据点"Edit"给tree回填数据的时候,第一次报TypeError: Cannot read property 'setCheckedKeys' of undefined,但是第二次就不报了。解决办法:在点击Edit弹框后以回调的方式回填,就是等tree加载完成后再回填就不会出现Cannot read property 'setChec...原创 2019-07-03 12:05:53 · 3947 阅读 · 0 评论 -
使用多个element-ui upload 组件上传如何分别给文件命名
项目中有这么一个需求,有多个字段都需要上传文件,所以在before-upload的时候文件名需要区分是哪个字段对应的上传文件。默认的方法中只有一个file信息,如下而我们需要传额外的能标识唯一性的名字,可以如下闭包的方式:item.id 即是我需要的区分标识。方法应该不止这一种,想了解更多可参考https://www.cnblogs.com/steamed-twisted...原创 2019-05-10 16:57:26 · 4812 阅读 · 2 评论 -
Vue 不能动态添加根级别的响应式属性 的解决办法
对于已经创建的实例,Vue 不能动态添加根级别的响应式属性。但是有时我们项目中一开始的对象的属性不确定,你可能需要为已有对象赋予多个新属性,比如 动态给addForm添加动态属性并实现响应式效果data(){return {addForm:{},}}可使用Object.assign()或_.extend()。在这种情况下,你应该用两个对象的属性创建一个新的对象。...原创 2019-05-08 13:09:46 · 2274 阅读 · 0 评论 -
vue 如何删除对象的某一条数据
使用vue框架,采用element-ui,在做表格在线编辑的效果时需要删除某一行,这就需要从原来tableData数组对象中产出当前需要删除的条目。方法:handleDelete(index,row){this.tableData.splice(index,1);}参考原文链接:https://blog.csdn.net/qq_35366269/article/...原创 2019-03-21 10:58:32 · 13299 阅读 · 1 评论 -
给input标签的placeholder属性添加样式
<style>input::-webkit-input-placeholder { /* placeholder颜色 */ color: #aab2bd; /* placeholder字体大小 */ font-size: 12px; } input { border: 1px solid red; }</style>备注:::...转载 2019-03-12 14:34:31 · 2291 阅读 · 0 评论 -
vue element-ui form表单验证valid undefined
使用element-ui 的form表达验证功能,调试时valid一直是未定义,是自定义表单验证,最后发现问题是没有return 或者callback原创 2019-03-15 18:19:12 · 7215 阅读 · 0 评论 -
Vue 中使用UEditor加载方面的问题
在vue中使用UEditor富文本的时候发现一个问题,就是富文本第一次进来能加载出来,转到别的页面再进来就加载不出来了,网上找各种解决办法也没有解决掉,有的人说是activated keep-alive组件激活时再调用可解决,我发现我原来并没有使用keep-alive,后来我在主页面中加上keep-alive,竟然每次都能加载出来了。 ...原创 2019-02-27 10:53:55 · 2776 阅读 · 0 评论 -
vuex怎么使用
最近在研究vue,其中感觉比较头痛的就是vuex了,引用官网(https://vuex.vuejs.org/zh/guide/)的话:"每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同: Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态...原创 2018-11-22 16:45:29 · 172 阅读 · 0 评论