![](https://img-blog.csdnimg.cn/20200814151624222.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue经验记录
爱吃橙子的猪
这个作者很懒,什么都没留下…
展开
-
封装组件的注意事项
####数据从父组件传入props属性中添加验证规则:props: { length: { type: [String], default: 3 }}通过props传入的参数不建议对其进行操作,会同时修改父组件中的数据。直接赋值不能解除双向绑定let data = JSON.parse(JSON.stringify(this.data))####父组件中处理事件处理事件的方法尽量写在父组件中,以保证通用组件中的数据不被污染。####不要依赖vuex传参尽量使用原创 2020-08-21 11:35:26 · 1027 阅读 · 0 评论 -
vue-在table组件的render中添加事件
<template><div> <a-table :columns="columns" /></div></template><script>export default { data() { columns:[ { title: '操作', align: 'center', dataIndex: 'action',原创 2020-08-20 13:29:36 · 1912 阅读 · 0 评论 -
解决keep-alive缓存导致页面不刷新的问题
在actived生命周期函数中再调一次初始化函数。原创 2020-08-20 13:28:47 · 1007 阅读 · 0 评论 -
tree组件设置defaultExpandAll无效
解决方法:标签内添加v-if<a-tree v-if="tree.length" :default-expand-all="defaultExpandAll" multiple :selected-keys="selectedKeys" :checked-keys="checkedKeys" :tree-data="tree" :check-strictly="true" @select="onSelect" @check="onCheck" @rightCl原创 2020-08-20 12:33:46 · 654 阅读 · 0 评论 -
父组件点击触发子组件的事件
点击父组件中的button调用子组件的事件,可用于父子组件的传值实时更新。父组件代码:<template><button @click="handleChange"></button><child ref="child"></child></template><script>import child from "子组件相对父组件路径"export default { components: { c原创 2020-08-20 12:33:10 · 1194 阅读 · 0 评论