2020年4月9日
Vue 评论互不影响
摘要： 前一阵做的一个评论的功能，记录一下 Bac： 一个贴吧的评论功能，点击每个帖子下面的评论，可以对 帖子的评论继续进行评论。 页面上 帖子的评论 是 v-for 遍历出来的，所有携带评论的样式也只有一套。 所有：如果点击 评论，展开对应这条评论的输入框，而不影响其他的评论（其他评论的输入框不展示出来） 阅读全文
posted @ 2020-04-09 16:25 小兔子09 阅读(332) 评论(0) 推荐(0)
Vue 跳转路由并在新窗口弹出
摘要： Vue 跳转路由并在新窗口弹出 methods: { beforeInquiry () { const { href } = this.$router.resolve({ name:'consult' }); window.open(href, '_blank'); }, } 阅读全文
posted @ 2020-04-09 15:36 小兔子09 阅读(2480) 评论(0) 推荐(0)
Vue watch 监听手机号输入完毕后请求数据
摘要： Bac: 需要在用户输入手机号之后，调用后台接口去获取对应该手机号的数据情况 思路是：监听用户输入手机号，当输入的手机号长度 = 11 的时候，此时再去请求接口。 在这里监听学习到了两种方式： 一、watch 监听 计算属性的值 watch:{ customerMobile (val, oldval 阅读全文
posted @ 2020-04-09 11:00 小兔子09 阅读(1412) 评论(0) 推荐(0)
2020年2月7日
VUE + Element UI (级联选择器 Cascader ， 树形选择器 tree)
摘要： 级联选择器 <el-cascader v-model="data" // 用来显示数据 :options="options" // options 里面的数据 就是级联选择器里面的内容 placeholder="请选择" :props="customProps" // element UI 默认in 阅读全文
posted @ 2020-02-07 16:46 小兔子09 阅读(4197) 评论(0) 推荐(0)
2020年2月5日
Vue + Element UI （分页）
摘要： 前端分页 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 阅读(160) 评论(0) 推荐(0)
2020年2月2日
Vue + Element UI (Form表单问题2)
摘要： Element UI 的Dialog 里面是 Form 表单，当点击取消按钮，或者点击关闭Dialog 的时候 Form表单里面的数据 没有清空 解决： <el-form :model="dataForm" ref="dataForm" label-width="110px" > <el-butto 阅读全文
posted @ 2020-02-02 15:44 小兔子09 阅读(375) 评论(0) 推荐(0)
Vue + Element UI (Form 表单问题)
摘要： 1. form表单验证，提示信息，为后端返回的信息 Element UI 经常使用的表单验证 rule 好像实现不了，查询了其他的解决办法，使用了Element UI 提供的另一个属性 error <el-form :model="dataForm" ref="dataForm" label-wid 阅读全文
posted @ 2020-02-02 15:38 小兔子09 阅读(1032) 评论(0) 推荐(0)
2019年12月16日
Vue + Element UI （table） 合并行
摘要： 有一个展示内容的表格，会有合并行的需求，应用了Element UI 的table。 Element UI 提供了如下的方法，能够实现跨行 通过给table传入span-method方法可以实现合并行或列，方法的参数是一个对象，里面包含当前行row、当前列column、当前行号rowIndex、当前列 阅读全文
posted @ 2019-12-16 10:53 小兔子09 阅读(9917) 评论(2) 推荐(2)
2019年12月6日
Vue + Element UI （table）
摘要： <el-table-column prop="type" header-align="center" align="center" sortable label="轮播图类型"> <template slot-scope="scope"> <div v-if="scope.row.type 'HOM 阅读全文
posted @ 2019-12-06 13:26 小兔子09 阅读(5157) 评论(0) 推荐(0)
2019年11月27日
Vue == 导出excel
摘要： <el-form-item> <el-button @click="exportHandle()" type="success">导出</el-button> </el-form-item> <script>import axios from 'axios' export default { met 阅读全文
posted @ 2019-11-27 21:44 小兔子09 阅读(246) 评论(0) 推荐(0)