- 博客(6)
- 收藏
- 关注
原创 element分页切换全选丢失
<u-table ref="tableContainer" style="width: 100%" :data="list" v-loading="listLoading" border height="100" use-virtual element-loading-text="数据加载中" :header-cell-style="{ 'background-color': '#dadde3' }" :row-key="rowKey"> <u-table-column type=
2021-09-06 12:05:21
388
1
原创 dialog弹框通过自定义指令实现可拖拽位移功能
给dialog弹框加上自定义指令,实现可拖拽功能1.在utils文件夹内新建directives.js文件,代码如下import Vue from 'vue' // v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialog__header') const dragD
2021-08-23 13:41:27
296
原创 dialog弹框全屏功能
Element弹框全屏功能给dialog弹框加上全屏功能html<el-dialog :visible.sync="imgVisible" class="publish-dialog" width="820px" ref="imgDialog"> <template #title> <span>修改图片-{{imgtion.sellerSku}}</span> <span class="zoom-btn"
2021-08-23 11:32:07
1393
原创 directive用户登录权限控制按钮显示与隐藏
后台管理项目中有系统权限控制,根据你登录的角色账号,后台给你返回不一样的权限控制,用按钮显示,然后再做操作。我们登录成功之后把权限保存在session storage里面,用ktBtn命名来存储。然后在main.js里面写全局指令。Vue.directive("has", { inserted: function (el, binding) { let prems = JSON.parse(sessionStorage.getItem("ktBtn")) if (prems.ind
2020-07-25 17:52:29
455
原创 vue携带参数路由跳转页面未刷新问题解决
后台管理系统昨天碰到的一个小问题,点击订单号进入该订单的详情页面,需要将这个订单号当作参数传递过去,路由发生改变但是页面没有发生变化;可以看到路由发生了变化,但是页面是没有变化的,还是订单一的页面,于是在订单详情页面监听了传过来的这个参数,可以看到如下; watch: { // 方法1 //监听路由是否变化 $route(to, from) { console.log(to.params.orderNo, from.params.orderNo); } }
2020-07-16 14:38:19
439
原创 vue+element框架中关于时间日期选择器清空值为null的错误
vue+element框架中关于时间日期选择器清空值为null的错误 最近写的物流后台管理系统中有一个根据时间日期查询订单列表的功能,绑定的v-model值打印出来是一个数组["2020-08-10", "2020-08-13", __ob__: Observer],然后通过传递两个时间参数去调用接口拿到数据,但是后面发现了一个问题,在点击清空按钮之后,v-model值变成了一个null,而我这边需要把数组里面的时间转化为时间戳,这样调用接口的时候就报错了。 ![因为是null所
2020-07-16 11:27:42
5889
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人