vue
青山shakkkk
这个作者很懒,什么都没留下…
展开
-
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 · 453 阅读 · 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 · 323 阅读 · 0 评论 -
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 · 1441 阅读 · 0 评论 -
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 · 488 阅读 · 0 评论 -
vue携带参数路由跳转页面未刷新问题解决
后台管理系统昨天碰到的一个小问题,点击订单号进入该订单的详情页面,需要将这个订单号当作参数传递过去,路由发生改变但是页面没有发生变化; 可以看到路由发生了变化,但是页面是没有变化的,还是订单一的页面,于是在订单详情页面监听了传过来的这个参数,可以看到如下; watch: { // 方法1 //监听路由是否变化 $route(to, from) { console.log(to.params.orderNo, from.params.orderNo); } }原创 2020-07-16 14:38:19 · 488 阅读 · 0 评论 -
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 · 6010 阅读 · 1 评论