element
心黑红卜萝
这个作者很懒,什么都没留下…
展开
-
vue dialog的蒙层问题
//有时候我们的dialog中会再嵌套一个dailaog 经常会出现一个灰色的蒙层需要再点一下蒙层才会消失//其实就一句代码:append-to-body="true" //这样就能取消蒙层了<el-dialog :visible.sync="dialog.picPreview.s...原创 2018-10-18 09:24:50 · 1914 阅读 · 0 评论 -
vue + element 实现不刷新页面的情况下点击表格哪一行改变哪一行的样式(字体 ,颜色)类似QQ邮箱已读未读样式
//1.再表格的标签中添加 a. :row-class-name 在表格喧嚷的时候就会执行相应的方法toggleRowClassName b. :@row-click 指定行的点击事件 <el-table :data="tableData" border style="width: 100%; cursor: pointer" v- lo...原创 2018-10-15 09:02:57 · 1737 阅读 · 0 评论 -
vue 使用 setTimeout 页面保证接口调用完毕再继续执行接下来的代码 确保执行顺序
场景: 我想要不调用一个接口的到结果然后复制 最后进行提交前的判断,但是再页面查询执行顺序总是执行到checkEnableTime这一行就直接跑到if(){}判断的地方,最后又回到checkEnableTime方法中 .then中进行赋值(这个时候已经晚了,我的判断么有起到正确过滤的作用)解决: 尝试使用setTimeout 让判断的代码延后500毫秒执行,...原创 2018-10-18 11:28:38 · 6993 阅读 · 0 评论 -
vue + element使用页面选择的日期和当前日期进行比较
//使用element选择的日期<el-date-picker v-model="model.disableTime" type="datetime" placeholder="选择日期时间" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>//使用element选择的日期是 Object类型原创 2018-10-18 11:39:41 · 6902 阅读 · 0 评论 -
vue + element el-date-picker标签实现当前日期之前的日期不可选
主要使用这两个:具体看代码中的两行注释 不复杂1. :picker-options="expireTimeOption"2.expireTimeOption: {disabledDate(date) {return date.getTime() <= Date.now();}},<el-form-item label="失效时间" prop="di...原创 2018-10-18 13:43:33 · 7117 阅读 · 0 评论 -
vue 使用$emit 相父组件传递参数的回调函数
*** 子组件中的 this.$emit('done ', someDdata)--done为父组件跳转子组件dialog标签中定义的事件名 @done***父组件中dialog标签中的@done='xxxfunction'--xxxfuncton为methods中执行的方法 1.子组件 -传递1.点击事件<el-table-column fixed="ri...原创 2018-12-25 15:14:38 · 10396 阅读 · 0 评论 -
vue 使用watch 侦听数据变化动态执行函数
// 由父组件传来的值 model & onLineModelListprops: { model: { type: Object, required: true }, onLineModelList: { type: Array, required: true } },// 监听 onLineM...原创 2019-04-19 16:10:39 · 3530 阅读 · 0 评论 -
vue 获取input光标位置,并在光标位置候面添加选中得表情——有效果图
1.定义一个input标签,使用id选择// id选择 -> 'emojiInput'<el-input id="emojiInput" v-model.trim="model.introduction" type="textarea" placeholder="介绍一下这个话题... ..."></el-input> <span style="cu...原创 2019-06-03 10:24:23 · 9754 阅读 · 5 评论