- 博客(9)
- 收藏
- 关注
RSS订阅原创 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关注的人