logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

后端返回数组型字符串(json串),使用eval() 函数将其转为真实数组

{code:0,data:"[{name: \"uuid\",label: \"ID\",status:'0'},\r\n{name: \"projectNum\",label: \"项目编码\",status:'0'}\r\n]"}利用eval()将字符串型数组,转化为真实数组。eval() 函数可以计算某个字符串,并执行其中的的 JavaScript 代码。var newArr = eval(

#json#javascript#前端
elementui日期时间选择控制,开始时间必须小于结束日期时间

重点:组件的picker-options属性。demo代码:<el-form-item label="开始日期" prop="start"><el-date-pickerv-model="formData.start"type="date"value-format="yyyy-MM-dd":picker-options="begin"plac

#vue.js#elementui
el-input框输入数字千分位保留两位小数显示,传给后端转为正常数字。

el-input框输入数字千分位保留两位小数显示,传给后端转为正常数字。

#前端#vue.js#javascript
前端纯css实现循环滚动展示数据,通过鼠标移入移出事件实现——鼠标移入暂停,移出继续滚动

主要是用到css的动画属性:animation , transform;vue的@mouseenter鼠标移入事件,@mouseleave鼠标移出事件。上代码:html:<div class="list_box"><div id="scroll_box" ref="scroll_box" class="list anim" @mouseenter="stopAn" @mousel

#前端#javascript#vue.js +1
前端纯css实现循环滚动展示数据,通过鼠标移入移出事件实现——鼠标移入暂停,移出继续滚动

主要是用到css的动画属性:animation , transform;vue的@mouseenter鼠标移入事件,@mouseleave鼠标移出事件。上代码:html:<div class="list_box"><div id="scroll_box" ref="scroll_box" class="list anim" @mouseenter="stopAn" @mousel

#前端#javascript#vue.js +1
vue中swiper,vue-awesome-swiper实现轮播;鼠标移入暂停,移除播放;点击暂停按钮暂停,再点击播放。

因为swiper和vue-awesome-swiper的版本较多,如果使用最新的版本,或者两者版本差距较大,就容易掉进很多的坑里面,各种报错。切记,版本一致,建议使用@3.X版本。首先,安装swiper和vue-awesome-swipernpm install swiper@3 vue-awesome-swiper@3 --save然后,按需引入项目文件import { swiper,swipe

#vue.js#html5#javascript
vue中使用aos.js动画库

AOS.js页面滚动动画库CSS3演示效果。

#javascript#vue.js#前端 +2
postMessage消息传递——window.addEventListener的运用。实现不同框架之间混用时(iframe),页面或组件之间相互传值。

window.postMessage() 方法允许来自一个文档的脚本可以传递文本消息到另一个文档里的脚本,不用管是否跨域。一个文档里的脚本还是不能调用在其他文档里方法和读取属性,但他们可以用window.postMessage结合window.addEventListene这种消息传递技术来实现安全的通信。window.addEveantListener('message',(event)=&gt

#html5#html#javascript
elementUI table 添加合计行,合计行放置顶部(标题下内容上),合计行渲染所有数据的和(取后端接口数据),合并合计单元格。

1.将设置为就会在表格尾部展示合计行。2.借用样式将合计行置顶3.使用vue.$el.querySelector()方法,table渲染时,调用封装好的合并方法。4.渲染合计,sumObj是通过后端接口得到的对应字段的合计(对象数据)。在并在此处调用合并“合计”文字的单元格...

#elementui#vue.js#前端
elementui树形表格数据量大时,会造成严重卡顿问题的解决方案

之所以会造成卡顿,是因为该组件是一次性将所有数据全部渲染,dom数量过于庞大,并且在展开树操作的时候,用了大量递归循环语句,性能受到严重影响,造成卡顿。我想到的解决方式有两种:一:分页,让后端添加分页查询,以节点数统计数据条数进行展示。(但实际需求中较少,一般树形表格都是不分页)。二:将请求到的树形数组数据备份(tableDataCopy),初始化仅仅展示指定层级(如第一层树)的数据,将第一层下面

#elementui#vue.js#前端 +1
    共 12 条
  • 1
  • 2
  • 请选择