摘要: 在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以修改父组件,且在父组件和子组件都没有明显的改动来源。 这也是Vue官方推荐以 update:myPropName 的模式触发事件取而代之。举个例子,在一个包含 title prop 阅读全文
posted @ 2019-05-14 14:42 雨中愚 阅读(1019) 评论(0) 推荐(0) 编辑
摘要: 一、 $emit('input', params) 二、通过在model属性中自定义事件: 阅读全文
posted @ 2019-05-14 14:39 雨中愚 阅读(4467) 评论(0) 推荐(0) 编辑
摘要: Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致 。 阅读全文
posted @ 2019-05-08 14:15 雨中愚 阅读(4835) 评论(0) 推荐(1) 编辑
摘要: Vue项目中如何在父组件中直接调用子组件的方法: 方案一:通过ref直接调用子组件的方法; //父组件中 <template> <div> <Button @click="handleClick">点击调用子组件方法</Button> <Child ref="child"/> </div> </te 阅读全文
posted @ 2019-05-07 15:38 雨中愚 阅读(246384) 评论(10) 推荐(6) 编辑
摘要: 一、溢出文案省略号显示; 二、form表单label前的 * 号; //怎么用最简单的方法加上 * 号呢?利用伪元素 label:before{ content: "*"; display: inline-block; margin-right: 4px; line-height: 1; font- 阅读全文
posted @ 2019-04-08 13:35 雨中愚 阅读(233) 评论(0) 推荐(0) 编辑
摘要: Flex弹性和模型 1、display : flex/inline-flex ;(设置给氟元素) flex : 将对象作为弹性伸缩盒显示; inline-flex : 将对象作为内联块级弹性伸缩显示; 2、flex-direction (主轴排列方向)说明:顺序指定子元素在父容器的位置; row : 阅读全文
posted @ 2019-04-01 21:13 雨中愚 阅读(447) 评论(0) 推荐(0) 编辑
摘要: 解决高度塌陷问题的方法: 方法一、 //给父元素添加声明 overflow:hidden; 缺点:回隐藏溢出的元素; 方法二、 在浮动的元素下添加空div标签,并给该元素添加声明: clear:both; height:0; overflow:hidden; 缺点:在结构里增加了空标签,不利于代码可 阅读全文
posted @ 2019-03-25 21:02 雨中愚 阅读(3924) 评论(0) 推荐(0) 编辑
摘要: 导航列表: 一、iview单选框Select验证问题 回到顶部 一、iview单选框Select验证问题 先看下基本案例: 完整案例地址:https://run.iviewui.com/ySGFAEoH 上面的案例不管如何选择,它都会报错,为什么会一直报错呢?代码看起来也没有问题!!! 在iview 阅读全文
posted @ 2019-03-20 13:36 雨中愚 阅读(16377) 评论(0) 推荐(0) 编辑
摘要: 一、什么是懒加载? 懒加载也就是延迟加载<!--?xml version="1.0" encoding="UTF-8"?-->或者按需加载,即在需要的时候进行加载。 二、为什么在Vue路由中使用懒加载? 像vue这种单页面应用,如果没有应用懒加载,运用webpack打包后的文件将会异常的大,造成进入 阅读全文
posted @ 2019-03-16 17:30 雨中愚 阅读(1410) 评论(0) 推荐(0) 编辑
摘要: 利用样式覆盖来实现效果:先看下原本和改变后的样式 1 2 3 4 file自定义上传样式 5 41 42 43 上传文件 44 45 46 47 48 49 阅读全文
posted @ 2019-03-13 14:47 雨中愚 阅读(2836) 评论(0) 推荐(0) 编辑