Wchenp-CSDN博客

原创 elemnt ui table选中状态处理

elemnt ui 使用弹框弹出el-table的选择组件分页选择在进入下一页返回之后前面的页面会丢失选中状态此时只需要在table上添加 :row-key=“rowkey” 然后方法中定义 rowkey(row) {return row.id} 即可保存选中状态但是关闭页面又需要忘记选择状态此时需要 this.$refs.multipleTable.clearSelection()去清除ref定义的表格的选中状态 ...

2022-03-10 10:14:59 1676

原创饿了吗 ui 行拖拽处理

饿了吗ui的table表格使用行拖拽的需求首先我们需要 npm install sortablejs --save-dev 安装sortable.js 在页面找到需要被拖拽的表格定义row-key为数据的唯一值定义class类方便后续方法获取然后在生命周期钩子运行并定义行拖拽方法即可 <el-table class="able" row-key="resId" header-cell-class-name="header-th" :data="selectedResurce" h

2022-03-10 09:43:57 1683

原创 token处理

vue项目全局请求 token穿透在登录到页面时使用 localStorage.setItem(‘token’, data.token) 将token存储到本地缓存然后在axios.js中请求拦截器全局添加如下 var _this = this; axios.interceptors.request.use(function(config) { // console.log(getToken()); // 在发送请求之前做些什么 config.head

2022-03-09 17:37:18 229

原创使用includes去重

includes方法去重根据数组中是否含有某个值返回 true和false 我在使用includes去重时未注意此方法只能判断简单数据类型因此需要单独取出数据中的id进行判断如果含有此id 就不再添加如果无此id 就把值添加进去在这里插入代码片 let data = [],arr=[],arrId=[] val.forEach(item => { data.push({ resId:item.id, resName: item.videoExplain, res

2022-03-09 15:51:25 464

原创 resetFields()使用bug

后台管理项目 form表单中使用input框查询重置时重置内容使用resetFields()清空输入内容常出现输入框中无法输入文字的bug 查询后发现resetFields()方法为将表单回到初始值而不是清空并且包含顺序问题因此还需要使用$nextTick 下面是我的解决参考方式需要注意的是不变的值依旧赋值上然后在resetFields()前将input框里的输入内容置空 <el-form class="module-name-filter filter-for

2022-03-09 15:43:27 660

原创 element ui 表单 rules清除

使用element ui 写表单时, 常使用rules定义规则面对增加修改使用同一个弹框的场景容易导致rules提示文字不清除这时候需要定义diolog弹框关闭事件 :before-close=“关闭弹窗事件” 并给form表单命名为edit 然后在关闭弹窗的事件中使用 this.$refs.edit.clearValidate() 并且置空数据即可在这里插入代码片 ```<el-dialog :title="dialogTitle" width="1000px" :before-clo

2022-03-09 15:34:50 2721

原创小程序_画布的使用

首先上代码便于理解现在拆分来一步步的看点击保存按钮之后第一步定义出来画布的位置在一个看不见的位置第二步根据getImageInfo方法定义位置尺寸大小贴上图片关键在于定时器的先后顺序先铺设背景图再在背景图上贴上自己需要的元素这里需要用上定时器保证图片层级关系的先后顺序, ...

2021-03-17 15:44:38 178

原创 js中使用html()代替模板引擎

js中使用html()代替模板引擎事件需求是如下图所示的一个input输出提示框触发方式可以使用抖动或者直接onChange替代一开始我思考方式错误使用模板引擎代码如下图所示饶了一大圈并且以拼接字符串形式获取id以及内容值不如直接使用html()以及data()方法干净明了 ...

2021-03-17 09:56:44 185 1

weixin_47708099的博客