随笔分类 -  vue

antv g6 4.7版本
摘要：antv 4.8文档 设置可缩放 拖动画布 let graph = new G6.Graph({ modes: { // 拖拽画布 缩放画布 default: ['drag-canvas', 'zoom-canvas'] } }) 内容缩放居中 graph.zoom(0.5) // 缩放到0.5 g 阅读全文
posted @ 2022-12-30 17:21 雨天。我 阅读(942) 评论(0) 推荐(0)
vxe-table
摘要：大数据table解决方案 表格数据使用Object.freeze(data)处理，因为一般来说表格中的数据是不会进行更改的。 减少使用计算属性和dom的判断渲染。比如{status: 0}, 在js中先将数据进行转换下，变成{status: '会员'} 使用 vxeTable， 里面有虚拟滚动功能。 阅读全文
posted @ 2022-08-10 10:20 雨天。我 阅读(3232) 评论(0) 推荐(0)
动态路由配置
摘要：动态路由 Vue后台管理项目经常有权限控制，不同角色使用不同权限，常用方法就是用addRoute来动态添加路由 $router的addRoute 每次只能添加一个符合路由规则，但路由对象的children里面可以有多个路由对象。 const routeObj1 = { path: "/about", 阅读全文
posted @ 2021-11-10 20:40 雨天。我 阅读(537) 评论(0) 推荐(0)
父子组件生命周期、watch、computed的执行顺序
摘要：父子组件生命周期执行顺序 beforeCreate不能访问到methods、data、computed、watch上的方法和数据 created 可以调用methods中定义的方法，修改data的数据，并且可触发响应式变化、computed值重新计算，watch到变更等 加载渲染过程 父before 阅读全文
posted @ 2021-09-12 17:36 雨天。我 阅读(2360) 评论(0) 推荐(1)
组件与插件的区别
摘要：Vue组件（component） 用来构成你的App的业务模块，把页面（html代码，CSS代码）进行模块化，用来复用。我们通常在src的目录下，新建一个components文件夹来存放公共的组件，在我们要使用组件的页面中引入组件 组件 Vue插件(plugin) 用来增强你的技术栈的功能模块，它的 阅读全文
posted @ 2021-08-23 23:01 雨天。我 阅读(1074) 评论(0) 推荐(0)
vue 中路由的基本概念
摘要：##router 路由 什么是路由 路由，其实就是指向的意思，路由是根据不同的url地址指向不同的内容或页面。在页面中表现为两个部分，一个是导航按钮部分(点击时改变url)，另一个是显示内容部分(根据url不同，展示不同页面)。在vue中我们页面中所有内容都是组件化的，我们只要把路径和组件对应起来就 阅读全文
posted @ 2021-04-05 17:53 雨天。我 阅读(1569) 评论(0) 推荐(0)
axios 中取消请求
摘要：axios 取消请求 const CancelToken = axios.CancelToken // 获取CancelToken对象 let { token, cancel } = CancelToken.source() // source 方法返回 token 和 cancel // toke 阅读全文
posted @ 2021-01-26 23:16 雨天。我 阅读(136) 评论(0) 推荐(0)
vue 表单校验 属性
摘要：required 必填 是否必填： boolean 值 true : 必填，输入框带有红色星号 false ： 不必填且校验值为空时，跳过该值的校验 required type 类型 指定一些定义好的数据进行校验，是全等于的校验 |type|| |-|-| |string| 默认就是string类型 阅读全文
posted @ 2019-12-30 18:33 雨天。我 阅读(250) 评论(0) 推荐(0)
组件之间通信 provide/inject
摘要：##祖先级组件通信 provide/inject // 祖先 provide () { return { fun: this.aa } } aa (e) { console.log(e) // 132 console.log(this) // 子元素中调用时，this指向绑定provide的祖先元素 阅读全文
posted @ 2019-12-17 14:40 雨天。我 阅读(93) 评论(0) 推荐(0)
vue 使用 jsx
摘要：写法 return 后面加 ()， 变量都用单个大括号包着 语法 类名 类名 事件 事件 事件 if 三元运算 if 三元运算 emit触发 emit触发 阅读全文
posted @ 2019-11-18 10:37 雨天。我 阅读(104) 评论(0) 推荐(0)
component 组件
摘要：component component 每次切换都会创建新的组件， 在动态组件上使用 keep-alive，避免反复重渲染导致的性能问题， component 是单向数据流：父组件数据影响子组件，子组件的数据改变不会影响父组件 切换组件 使用component 使用ref require.conte 阅读全文
posted @ 2019-11-06 23:16 雨天。我 阅读(167) 评论(0) 推荐(0)
vue 实例 this 属性
摘要：_isBeingDestroyed 、_isDestroyed 、 _isMounted 判断页面加载 状态 当组件执行destroyed 之后，可能还会有一些异步事件没有执行完毕，这时候可以判断是否 _isDestroyed等状态来进行下一步操作 tupain 阅读全文
posted @ 2019-11-04 21:46 雨天。我 阅读(217) 评论(0) 推荐(0)
全局弹窗
摘要：全局弹窗 步骤一 创建index.vue组件，用来展示弹窗的内容， 定义组件的方法属性，控制显示隐藏 1 步骤二 创建index.js 文件， 在文件内引入弹窗的vue内容文件，获取调用vue组件的方法属性 2 步骤三 在main.js 中把index.js 文件绑定到Vue 原型上 3 步骤四 使 阅读全文
posted @ 2019-10-29 22:51 雨天。我 阅读(147) 评论(0) 推荐(0)
Vue 事件总线
摘要：## 全局绑定事件总线 绑定事件总线 方式一先执行 EventBus是一个不具备 DOM 的组件，它具有的仅仅只是它实例方法而已，因此它非常的轻便。但是方法二是有自己的dom 有自己的dom ## 使用组件 ```js this.$eventBus.$off() // 移除$eventBus上的所有 阅读全文
posted @ 2019-10-27 21:34 雨天。我 阅读(137) 评论(0) 推荐(0)
本地引入 json
摘要：html 原生引入json //let url = './shp/kmbm.json' // loadConfig(url).then() function loadConfig(url) { return new Promise((resolve, reject) => { let xhr = n 阅读全文
posted @ 2019-10-24 17:49 雨天。我 阅读(198) 评论(0) 推荐(0)