vue
心黑红卜萝
这个作者很懒,什么都没留下…
展开
-
For recursive components, make sure to provide the "name"
// import { AssistantDoChatDialog } from './AssistantDoChatDialog';//原因:子组件导入加了{} 去掉就好了import AssistantDoChatDialog from './AssistantDoChatDialog';export default { name: 'user-recommend-creat...原创 2018-10-11 11:11:07 · 998 阅读 · 1 评论 -
vue 实现点击复制内容
1. 安装相关插件npm install clipboard --save2.使用<el-table-column fixed="right" label="操作" width="150"> <template slot-scope="scope"> <el-button-group> ...原创 2019-05-14 14:47:41 · 831 阅读 · 0 评论 -
vue 使用watch 侦听数据变化动态执行函数
// 由父组件传来的值 model & onLineModelListprops: { model: { type: Object, required: true }, onLineModelList: { type: Array, required: true } },// 监听 onLineM...原创 2019-04-19 16:10:39 · 3542 阅读 · 0 评论 -
vue 子组件强制重新刷新重新渲染数据
1. 定义子标签并通过 v-if hackReset 值(true | fasle) 控制子标签的重建 <living-card v-if="hackReset"></living-card>2. 定义hackReset初始值 true 保证初始化子标签正常显示 data() { return { hackReset: ...原创 2019-04-01 14:52:44 · 8372 阅读 · 0 评论 -
vue 组件实现一个复用的下拉框-字典表的状态选择和展示
1.字典表中存储表名、字段名、字段值、字段值对应显示的名称 --一般根据表名table_name和字段名cloumn_name查询另外两个2.子组件接受父组件传来的table_name&cloumn_name value为父组件中使用的一个属性值(不太明白)3.当下拉框数改变的时候给下拉框赋值 ...原创 2019-02-25 16:13:01 · 2312 阅读 · 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 · 10420 阅读 · 0 评论 -
三目运算多条件判断
这没啥说的: <el-table-column prop="platform" label="适用平台"> <template slot-scope="scope"> <icon-tag :type="scope.row.platform === 1 ? 'success' : scope.row.platform === 0 ? 'primary.原创 2018-11-22 17:27:57 · 2375 阅读 · 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 · 7140 阅读 · 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 · 6938 阅读 · 0 评论 -
vue 使用 setTimeout 页面保证接口调用完毕再继续执行接下来的代码 确保执行顺序
场景: 我想要不调用一个接口的到结果然后复制 最后进行提交前的判断,但是再页面查询执行顺序总是执行到checkEnableTime这一行就直接跑到if(){}判断的地方,最后又回到checkEnableTime方法中 .then中进行赋值(这个时候已经晚了,我的判断么有起到正确过滤的作用)解决: 尝试使用setTimeout 让判断的代码延后500毫秒执行,...原创 2018-10-18 11:28:38 · 7023 阅读 · 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 · 1744 阅读 · 0 评论 -
vue dialog的蒙层问题
//有时候我们的dialog中会再嵌套一个dailaog 经常会出现一个灰色的蒙层需要再点一下蒙层才会消失//其实就一句代码:append-to-body="true" //这样就能取消蒙层了<el-dialog :visible.sync="dialog.picPreview.s...原创 2018-10-18 09:24:50 · 1933 阅读 · 0 评论 -
vue再表格中添加或者移除一行
添加和移除表格中的一行 addAppointUser(row) { //判断是否已经添加过 let userTables = this.addUsersTable; for (var i = 0; i < userTables.length; i++) { if (userTables[i].userId === row.userI...原创 2018-10-11 18:46:17 · 6290 阅读 · 2 评论 -
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 · 9778 阅读 · 5 评论