- 博客(14)
- 收藏
- 关注
RSS订阅原创 根据id 修改URL复用同一个页面（组件）不重新加载的问题
项目中经常会用到同一个页面，结构是相同的，我只是在vue-router中通过添加参数的方式来区分状态，参数可以在页面跳转时带上params，或者query，但是有一个问题，即使我们修改了参数，URL也显示已经改变，但页面并不会刷新，因为路由是相同的，vue就会认为你是同一个页面，从而复用已加载的页面，而不会重新加载，所以如果在created钩子中来区分状态明显是行不通的，可以通过watch监听事件来监听路由的变化：watch: { '$route' (to, from) {...
2022-04-04 23:57:14
272
原创 elementUI下拉选择框动态绑定数据
html部分：<el-form-item label="板块"> <el-select v-model="form.plate" placeholder="选择发布板块"> <el-option v-for="plate in plates" :value="plate.plateId" :key="plate.plateId" :label="plate.plateName"></el
2022-03-07 15:10:15
8834
1
原创 Vue跳转路由并在新窗口打开
1、<el-table-column prop="title" label="标题"> <template slot-scope="scope"> <el-link type="info" @click="toCard(scope.row.cardId)">{{scope.row.title}}</el-link> </template> </el-table-column> to
2022-03-07 10:00:08
1894
原创 正则表达式验证
转载规则的国内固定电话和传真的格式基本都是带有0的区号+连接符“-”＋电话号码，另外还有可能有分机号，区号有3位、4位，电话号码有7位和8位的；其它格式的有前面不带0的，或者不带连接符的，或者分机号前面使用#号的，或者前面加“+86”的等等；区号：前面一个0，后面跟2-3位数字 ： 0\d{2,3}电话号码：7-8位数字： \d{7,8}分机号：一般都是3位数字： \d{3,}这样连接起来就是验证电话的正则表达式了：/^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/手
2022-03-03 17:49:37
802
原创 vue 增加固定电话，手机的验证规则 （正则表达式）
一、常用正则表达 验证规则1、是否合法IP地址export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[
2022-03-03 17:47:05
2380
1
原创 《bug》——前端进行表单提交实体类对象数据时后台类型报错：org.springframework.web.HttpMediaTypeNotSupportedException: Conten
报错原因：使用@RequestBody默认接收json格式的数据，前后端传输和接收的数据类型不匹配导致解决办法：1、前端传递参数类型转化为json格式；2、把后台接收@RequestBody去掉。
2022-03-03 11:22:26
566
原创 elementUI中下拉菜单组件el-dropdown绑定点击事件
1、el-dropdown下拉菜单中添加点击事件@click无效2、需要添加@click.native<el-dropdown trigger="click"> <span class="el-dropdown-link" style="color:white">分类<i class="el-icon-arrow-down el-icon--right"></i></span>
2022-02-18 14:29:31
2352
原创 将表格中数据改为链接形式（插槽获取当前行数据）
1、获取列表当前行数据经常会用到插槽 <el-table-column prop="title" label="标题"> <template slot-scope="scope"> <el-link type="primary">{{scope.row.title}}</el-link> </template> </el-t
2022-02-18 10:43:53
923
原创 纯前端分页功能
1、将表格数据绑定data<el-table :data="data" style="width: 100%">2、引入elementui中的页码组件<div class="block"> <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
2022-02-17 17:42:35
396
原创 flex实现左右对齐布局
1、父组件中包含两个子组件 比如：<div class="parent"> <div class="left"></div> <div class="right"></div></div>2、给父组件增加样式：.parent { display: flex; justify-content: space-between;}这样就实现了两个子元素左右对齐...
2022-02-17 17:09:00
8168
1
原创 纯前端实现搜索功能
1、搜索框<el-input class="search" placeholder="标题" v-model="select_word" size="mini" style="width: 230px;" prefix-icon="el-icon-search"></el-input>2、设置teamDate为搜索后数据 data () { return { tableData: [], tempData: [], se
2022-02-17 16:47:01
4488
原创 CSS实现点击按钮改变颜色并保持不变
同时设置（elementUI）:active 元素被点击时变色，但颜色在点击后消失:focus 元素被点击后变色，且颜色在点击后不消失.el-button:active{ color:rgb(142, 222, 233)}.el-button:focus{ color:rgb(142, 222, 233)}
2022-02-17 16:42:36
17756
3
原创 axios请求解决跨域问题并将请求封装
在项目中载入axios项目根目录下 ：npm install axios1、创建api文件夹2、http.js中写入import axios from 'axios'import router from '../router'axios.defaults.timeout = 5000 // 超时时间5秒axios.defaults.withCredentials = true // 允许跨域// 访问方式// Content-type响应头axios.defa.
2022-02-17 14:39:34
350
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人