摘要: .sync 和 update 子组件 this.$emit( 'update : 事件' , 数据 ) eg: 父组件 eg: 父组件不用再用方法接收子组件的传值,子组件便可以修改父组件所传数据的值 阅读全文
posted @ 2020-05-18 22:35 VanCissell 阅读(352) 评论(0) 推荐(0) 编辑
摘要: Object.defineProperty( key , prop , val ) 结构: key : { prop:val } Js模拟双向数据绑定源码图 阅读全文
posted @ 2020-05-18 21:06 VanCissell 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 1.子传父 子组件事件调用父组件事件,将State或其他值当成参数传过去,父组件调用该参数,达到传值的效果 2.父传子 利用props属性传值,this.props.data 阅读全文
posted @ 2020-02-26 15:16 VanCissell 阅读(413) 评论(0) 推荐(0) 编辑
摘要: 1.uni app 全局变量声明 App.vue 文件中可以设置 global 全局变量 global.xxxx = ‘1231231’ 在单页应用中可以访问 该变量,类似 vuex,但不是 阅读全文
posted @ 2020-01-15 10:09 VanCissell 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 1.两边宽度固定中间自适应的三栏布局——双飞翼布局 阅读全文
posted @ 2019-12-24 13:46 VanCissell 阅读(94) 评论(0) 推荐(0) 编辑
摘要: 1.element ui 打开dialog 或者其他操作的时候 聚焦input事件 先设置ref 虚拟dom,然后在dom实例之后,使用$nextTick的方法对该虚拟dom.focus()方法聚焦 2.element ui el input 回车键 并不会提交表单, 且会导致页面刷新的解决办法 阅读全文
posted @ 2019-12-23 16:25 VanCissell 阅读(145) 评论(0) 推荐(0) 编辑
摘要: div水平居中 1.行内元素 .parent{ text align: center } 2.块级元素 .son{ margin: 0 auto ; } 3.flex布局 .parent{ display: flex; justify content: center } 4.绝对定位 定宽 .son 阅读全文
posted @ 2019-12-23 16:00 VanCissell 阅读(534) 评论(0) 推荐(0) 编辑
摘要: 1.在dom或者节点还没实例的情况下对dom节点进行操作,会出现bug,因为此时dom还未实例化,所以要等dom下一次渲染的时候进行。 使用 $nextTick( () = { })就能解决该问题,例子为,tree节点还没实例化,就要设置默认选择项,出现bug。 阅读全文
posted @ 2019-12-19 17:56 VanCissell 阅读(142) 评论(0) 推荐(0) 编辑
摘要: 1.element ui el select 只能v model一个value,当需要两个从下拉中得出两个value的时候,我们可以使用 @change 事件 ,通过index和 filter()方法 过滤出 绑定的value值相等的那一项,然后取出需要的key:value。曲线救国的方式实现获取一 阅读全文
posted @ 2019-12-18 16:32 VanCissell 阅读(121) 评论(0) 推荐(0) 编辑
摘要: 1、缩小包体积,缩短白屏时间,不使用npm安装包依赖,以文件的形式放在public文件夹中 2、display:inline flex比flex更好用,父元素默认会根据子元素的宽高去自适应。 3、vue element ui scrollbar 使用 能很好的隐藏掉滚动条,使用方法如下图 阅读全文
posted @ 2019-12-16 16:20 VanCissell 阅读(86) 评论(0) 推荐(0) 编辑