- 博客(9)
- 收藏
- 关注
原创 vue弹框中form表单数据绑定跟底部table中某个数据是同一数据时的一个小bug修复
比如,修改table数据,弹框中修改1处的字段,未提交时,2处会发生相同变化,因为弹框中绑定的数据是row,但底部table表格应该显示改动后的数据。此时,弹框之前,进行数据深拷贝,使用方法JSON.parse(JSON.stringify(row))示例代码如下: handleUpdate(row) { this.isEdit = true const form ...
2020-01-17 15:56:59
756
1
转载 vue路由刷新问题,两个路由对应一个组件,让路由重载
开发crm系统中,遇到新增员工、查看员工详情、修改员工详情用的同一vue组件页面,需要对应不同状态进行控制重载,文章方法转载自 vue路由刷新问题,两个路由对应一个组件,如何能让路由重载主要代码如下data(){...}mounted(){...},watch: { //监听路由,只要路由有变化(路径,参数等变化)都有执行下面的函数,你可以 $route: { ...
2020-01-16 15:36:22
959
原创 (小记)工作过程中自己ps
ui给的如下两个下载的icon, 但下载中心更新迭代中,需要增加批量下载的标志,不想麻烦ui设计,自己动手。在Photoshop中打开图片,图层-画布大小,先把画布放大,然后用习惯吸取对应的icon颜色,点击文字图标,加上zip,得到如下新的icon...
2019-11-30 16:41:09
232
原创 一种关于看不清图片上文字时,css设计的思路
下载中心要求有图片的时候,显示背景图,但有些颜色的背景图,显示出来的文字颜色跟背景颜色相近时,是看不清文字的。原设计图:可以看到,有背景图时,文字要求显示白色。但实际情况如下:这里有个小技巧,给图片再加一层渐变遮罩,重要在于渐变,上层稍微黑一点,中间透明,下面再稍微黑一点,得出如下效果:关键代码:html部分<div class="top"> <img ...
2019-11-30 11:10:28
791
原创 vue的v-for循环中动态绑定img标签的src
下载中心原先为table列表形式,现需要增加缩略图样式,获取的文件list中,需要对格式进行判断,在img标签中,用:src=“imgSrc(item.type)”,imgSrc为函数,在函数中进行操作返回地址。需要注意的是,用require把地址封装起来。关键代码如下html部分<div class="content-item" v-for="item in downloadList"...
2019-11-29 17:53:12
3269
3
原创 折叠element tree所有节点
下载中心做了个书签,点击书签对列表进行展开,如果是最后一级,直接打开列表内容。需要在展开对应书签时对已展开的列表进行收缩,直接贴出代码// tree为Tree组件的ref值 for(let i=0;i<this.$refs.tree.store._getAllNodes().length;i++){ this.$refs.tree.store._getAllNode...
2019-11-28 15:53:50
779
原创 微信小程序修改数组某个项的数据
对数组 hours:[0,1,2,3…] 修改其中某一项,需要先声明一个临时变量 temp_str,用作json的键,然后再用this.setData直接赋值就好。increaseAmount: function (e) { var index = e.currentTarget.dataset.index var temp_str = 'hours[' + index + ']...
2019-11-08 15:29:36
1214
转载 (转载)layui导航栏切换实现局部刷新(针对iframe)
本文转载自:https://blog.csdn.net/qq_38839887/article/details/88834495遇到个iframe的老项目需要维护,在弹出的窗口中充值完成时,需要同步刷新底部的table列表,参考上文方式,因为是父窗口,所以,需要改动下原代码。如下,先得到父iframe窗口,然后找到需要的iframe页面,用attr的方式即可进行局部刷新。var src=$(p...
2019-11-05 11:37:42
5761
原创 Vue中使用原生js拖动
Vue中使用原生js拖动本文参考了 基于Vue实现拖拽效果 最终实现,按原文中代码实现,发现有bug,在鼠标按下,拖动时,难以正常拖动。贴出原文代码directives: {drag: {// 指令的定义bind: function (el) {let odiv = el; //获取当前元素odiv.onmousedown = (e) => {//算出鼠标相对元素的位置...
2019-10-31 19:16:14
1290
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人