摘要: 需求:点开第一个table的展开明细,展示下面的第二个列表 <el-row style="margin-bottom:10px;" v-for="(data, index) in dataList" :key="index"> <el-table border :data="data | dataF 阅读全文
posted @ 2020-05-29 11:25 小兔子09 阅读(4042) 评论(1) 推荐(0) 编辑
摘要: 最后一行合并前几行的最后一列金额 计算。 <el-table :data="dataList" border v-loading="dataListLoading" style="width: 100%;" show-summary sum-text="应付金额" :summary-method=" 阅读全文
posted @ 2020-05-29 10:50 小兔子09 阅读(1287) 评论(0) 推荐(0) 编辑
摘要: 一、el-table 里面嵌套el-select 互不影响 前提:el-select是多选,当前如果有默认值要展示在el-select上面 <el-table-column prop="configurationList" header-align="center" align="center" l 阅读全文
posted @ 2020-05-29 10:41 小兔子09 阅读(10140) 评论(0) 推荐(0) 编辑
摘要: 前一阵做的一个评论的功能,记录一下 Bac: 一个贴吧的评论功能,点击每个帖子下面的评论,可以对 帖子的评论继续进行评论。 页面上 帖子的评论 是 v-for 遍历出来的,所有携带评论的样式也只有一套。 所有:如果点击 评论,展开对应这条评论的输入框,而不影响其他的评论(其他评论的输入框不展示出来) 阅读全文
posted @ 2020-04-09 16:25 小兔子09 阅读(309) 评论(0) 推荐(0) 编辑
摘要: Vue 跳转路由并在新窗口弹出 methods: { beforeInquiry () { const { href } = this.$router.resolve({ name:'consult' }); window.open(href, '_blank'); }, } 阅读全文
posted @ 2020-04-09 15:36 小兔子09 阅读(2452) 评论(0) 推荐(0) 编辑
摘要: Bac: 需要在用户输入手机号之后,调用后台接口去获取对应该手机号的数据情况 思路是:监听用户输入手机号,当输入的手机号长度 = 11 的时候,此时再去请求接口。 在这里监听学习到了两种方式: 一、watch 监听 计算属性的值 watch:{ customerMobile (val, oldval 阅读全文
posted @ 2020-04-09 11:00 小兔子09 阅读(1380) 评论(0) 推荐(0) 编辑
摘要: 级联选择器 <el-cascader v-model="data" // 用来显示数据 :options="options" // options 里面的数据 就是级联选择器里面的内容 placeholder="请选择" :props="customProps" // element UI 默认in 阅读全文
posted @ 2020-02-07 16:46 小兔子09 阅读(4076) 评论(0) 推荐(0) 编辑
摘要: 前端分页 https://www.jianshu.com/p/70facd19ec55 要把 table 的 :data = <el-table :data="dataList.slice((pageIndex-1)*pageSize,pageIndex*pageSize)" border v-lo 阅读全文
posted @ 2020-02-05 14:47 小兔子09 阅读(157) 评论(0) 推荐(0) 编辑
摘要: Element UI 的Dialog 里面是 Form 表单,当点击取消按钮,或者点击关闭Dialog 的时候 Form表单里面的数据 没有清空 解决: <el-form :model="dataForm" ref="dataForm" label-width="110px" > <el-butto 阅读全文
posted @ 2020-02-02 15:44 小兔子09 阅读(360) 评论(0) 推荐(0) 编辑
摘要: 1. form表单验证,提示信息,为后端返回的信息 Element UI 经常使用的表单验证 rule 好像实现不了,查询了其他的解决办法,使用了Element UI 提供的另一个属性 error <el-form :model="dataForm" ref="dataForm" label-wid 阅读全文
posted @ 2020-02-02 15:38 小兔子09 阅读(1005) 评论(0) 推荐(0) 编辑