随笔分类 -  vue使用积累

在vue中使用lexible.js 通过props传的style样式无法转换成rem
摘要：背景：项目中多次使用这种小盒子结构，干脆封装成一个小组件 由于每一个盒子的宽度，高度，字体大小颜色这些可以都不一样，所以通过传参的方式来定义，定义的时候是用px，但是传过来后，并没有自动转换未rem 通过 props 传宽度，高度等样式 解决方法：通过绑定方法，返回类名的方式 基本上小盒子的类型就那 阅读全文
posted @ 2020-04-09 18:33 熊削铁如泥-厚积薄发 阅读(819) 评论(0) 推荐(0)
解决element生成的下拉菜单，不在父级之下，而是在body之下，通过父级控制该下拉菜单的样式，达到不跟别的地方冲突的目的
摘要：项目中存在多个下拉菜单，每个下拉菜单的样式可能不同 不能直接拿到element里面的类名来修改，这样会导致全局统一 在下拉菜单上定义一个父级类名，通过这个父级类名来定义这些下拉菜单的样式，达到私有化 遇到问题，生成的下拉菜单跟父类不在同一个节点，无法通过父级类来指定样式 解决方案：在下拉菜单的结构上 阅读全文
posted @ 2020-03-20 12:01 熊削铁如泥-厚积薄发 阅读(1277) 评论(0) 推荐(0)
饿了么 <el-input></el-input>输入框获取与失去焦点事件
摘要：//1.定义focus事,绑定属性 <el-input v-model="headerInput" @focus="onInputFocus" @blur="onInputBlur":style="thisStyle"> </el-input> thisStyle:'',//2.获得焦点事件 onI 阅读全文
posted @ 2019-11-06 17:18 熊削铁如泥-厚积薄发 阅读(16137) 评论(0) 推荐(0)
组件传值-实现把表格当前数据赋值给弹窗组件
摘要：需要实现的功能: 点击"编辑"按钮的时候,弹出编辑页面,并把当前表格行数据,赋值给弹窗组件里面的表单 1.绑定事件,传递索引值 2.定义事件内容 数组结构如下: 阅读全文
posted @ 2019-08-15 17:32 熊削铁如泥-厚积薄发 阅读(1123) 评论(3) 推荐(0)
父子组件---父组件的事件改变子组件里面的数组
摘要：背景: 父组件中使用2次子组件,但是两次子组件展示的内容与结构不同 在父组件里面定义两个对应的数组, 子组件里面定义一个空的数组 在父组件的点击事件中,使用ref方法访问到子组件 阅读全文
posted @ 2019-08-08 16:25 熊削铁如泥-厚积薄发 阅读(468) 评论(0) 推荐(0)
父子组件---父组件的事件控制子组件里面的属性
摘要：背景: 在父组件中,需要调用两次子组件,但是两个子组件所展示的内容结构是不一样的 点击"可能修改的内容"弹窗的组件结构为 点击"自动填写的位置"弹窗的组件结构为 1.在子组件中 使用v-if 和 v-else 控制两个结构的显示与隐藏,默认为 ThisShowWho:true, 2.绑定事件 3.在 阅读全文
posted @ 2019-08-08 16:18 熊削铁如泥-厚积薄发 阅读(580) 评论(0) 推荐(0)
组件传值---组件与弹窗组件传值
摘要：背景: 父组件里面定义一份表格,点击表格中的修改按钮的时候,子组件弹出显示 把父组件里面的表格行的数据,赋值给弹出组件 1.绑定事件 2.定义事件 在调用子组件弹出功能的时候,把当前点击行的数据传递过去 3.弹出组件中接收参数 阅读全文
posted @ 2019-08-08 08:34 熊削铁如泥-厚积薄发 阅读(1320) 评论(0) 推荐(0)