logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Element Tree树形组件懒加载,刷新数据

在项目中很多机构管理中会用到tree展示机构数据,当数据发生改变后该怎么刷新呢?在网上搜索了很久,最后结合网上的方案自己想到了一个办法。1.首先在第一次初始化的时候把node和resolve保存下来为rootNode和rootReslove,2.数据改变的时候删除保存下来的node的children,将rootNode和rootReslove做为参数手动调用load方法,比如说在新增成功后直接调用

element树形组件tree节点增删改操作

1.目的:使用element树形组件tree懒加载方式显示数据,对数据进行增加、删除、修改,效果如下图:2.使用tree懒加载方式,对数据操作,最重要的就是记住当前操作的节点,如果是新增、修改则刷新当前节点,如果是删除则是刷新父级节点3.上代码,tree页面代码<el-container v-loading="loading" class="area-manage page-containe

vue cli3封装路由,配置多个路由页面文件

1.创建vue3项目,过程省略。2.删除自动生成的router.js,创建新的router文件夹。3.在router文件夹中创建index.js,routes2.js,routes3.js(1)index.jsimport VueRouter from 'vue-router';import Vue from 'vue';import routes1 from './routes1...

vue cli3封装axios

1.创建vue3项目,过程省略2.创建axios文件api.js,3.在api.js封装get,post请求。import axios from 'axios'const service = axios.create({baseURL: 'https://www.apiopen.top/', // api的base_urltimeout: 500000 // 请求超时...

ant design vue 实现table组件合计栏

在table底部需要显示合计栏,主要实现方式:使用table底部插槽。实现效果:出现滚动条后,合计栏跟随table滚动css样式修改: table和合计栏数据对其,合计栏隐藏滚动条/deep/ .ant-table-footer {padding: 0;}/deep/ .ant-table-footer .ant-table-body {overflow: hidden !important;}/

vue 两种拖拽插件及实现

vuedraggablevuedraggable 是标准的组件式封装,并且将可拖动元素放进了 transition-group 上面,过渡动画都比较好。vuedraggable 拖动后可以在updated中监听vuedraggable 的拖动规则是:拖动元素后到新位置,后面元素依次退一个位置,如:安装 vuedraggable :npm install vuedraggable--save在页面引

vue路由传参-使用encodeURI加密参数

在路由切换时页面需要使用地址栏传参,但地址栏会暴露参数的值,然后想到了encodeURI加密参数比如参数是一个对象objobj:{id: 1,name: 'Tom'}那么需要将参数转换为JSON字符串,在使用encodeURI加密,需要注意的是通过路由跳转的时候会自动解密一次,所以需要加两次密let param = {id: 1,name: 'Tom'}param = encodeURI(JSON

vue父组件内数据改变后,子组件页面不刷新问题

想要实现效果:问题描述:子组件是一个表单,表单内数据变化后,在父组件会自动保存并获取计算公式的值,但是获取到公式的值后页面无法刷新,如图:解决方法:(可能有朋友会说使用Vue的set来强制刷新,但是强制刷新的是父组件的数据和页面,子组件依旧没有刷新)我的办法是给子组件加一个key,得到公式 的值后key也随之改变,子组件也会跟着改变。如下图:timeRefusr的初始值我用的当前时间的时间戳:ti

springboot+vue + nginx 搭建前后端分离项目

一.首先得安装node.js1.进入Node.js官网:https://nodejs.org/en/2…验证Node.js是否安装好,在windows下,win+r召唤出运行窗口,输入cmd打开命令行窗口。输入node -v即可得到对应的Node.js版本。npm包管理器是集成在Node.js中了,所以在安装Node.js的时候就已经自带了npm,输入npm -v可得到npm的版本。...

    共 16 条
  • 1
  • 2
  • 请选择