- 博客(35)
- 收藏
- 关注
RSS订阅原创 element-ui plus 文件上传组件，设置单选，并支持替换和回显
element-ui plus 文件上传组件，设置单选，并支持替换和回显遇到的坑以及解决方案
2023-11-17 19:26:27
973
原创 vite 打包部署出现的问题
部文件打包之后大小超过500KiB，项目部署之后页面默认跳转至根目录，或者js、css文件获取的路径为根目录，项目部署之后页面刷新导致页面404
2023-11-17 19:04:20
1279
原创 vue 渲染全景图两种方法【photo-sphere-viewer、krpano】
vue 渲染全景图的两种方法 ：photo-sphere-viewer、krpano
2022-10-20 10:57:01
4604
2
原创 ajax请求发送属性相同但值不同的数据
根据需求，ajax请求数据格式需为：错误示例若使用一个属性对应数据的形式，在发送请求时会出现属性名后出现[]的情况 var num = [1,2,3] var data = {"id": num}请求发送数据如下：解决方案将发送的数据设置为URLSearchParams对象，再逐条插入至对象中即可 var num = [1,2,3] var data = new URLSearchParams() for(var i=0; i< num.length; i++){ dat
2021-08-26 17:59:33
344
1
原创 ajax请求 POST方式发送raw类型数据
ajax请求 POST方式发送raw类型数据$.ajax({ url:'url', type:"POST", dataType:"json", contentType: "application/json", data: JSON.stringify({ "data1": data1, "data2": data2 ...... }), success:function (data) { //成功后执
2021-04-21 10:55:05
6508
原创 vue pagination前端分页
vue pagination前端分页1、定义相关参数data(){ return { datas: list page: 1, limit: 10, }2、表格数据设置 <el-table :data="datas.slice((page-1)*limit,page*limit)">3、分页器设置<pagination v-show="datas.length>0" :total="datas.length" :pa
2021-04-08 10:41:21
782
原创 vue el-input输入框敲击回车执行函数
js 定时器的设置与清除1、定时器的设置var timer = "";timer = setInterval("function()",1000);注：1000代表 100毫秒 也就是1秒2、清除定时器clearInterval(timer);
2021-03-31 17:16:58
954
原创 bootstrap table 初始化以及搜索刷新问题
bootstrap table 初始化以及搜索刷新问题bootstrap 初始化数据和根据条件查询以及后端分页排序1、bootstrap table 初始化： $("#bootstrap-table").bootstrapTable({ url: prefix + "/url", method: 'get', queryParams: function(params) { return {
2021-03-31 16:36:25
2100
原创 解决ios微信浏览器时间不兼容的问题
解决ios微信浏览器时间格式不兼容的问题由于ios在微信浏览器中无法识别“YYYY-MM-DD HH:MM:SS”格式的数据，所以在ios中页面将时间格式转换为“YYYY/MM/DD HH:MM:SS”的格式var endtime = "2021-03-31 00:00:00";var reg = new RegExp( '-' , "g" );var newDate = endtime.replace(reg,'/');...
2021-03-31 16:25:13
474
原创 vue 一键复制input中的文本内容
vue 一键复制input中的文本内容1、页面设置 <el-input v-model="copytext" disabled></el-input> <el-button ref="copy" type="primary" :data-clipboard-text="copytext" @click="copy" id="copybuttons" class="copybutton">一键复制</el-button>2、js设置 copy(){
2021-03-11 14:58:16
550
原创 el-input 输入框只可以输入正整数
el-input 输入框只可以输入正整数实现的效果为在输入框中输入非正整数，则input中的值将会被清空1、在el-input中设置<el-input v-model.trim="value" autocomplete="off" placeholder="请输入正整数数值" @keyup.native="value=test(value)?value:''"></el-input>2、判断数值是否为正整数的函数test(num) { num = num.to
2021-03-11 14:42:18
3216
原创 el-dialog 点击空白处不关闭弹窗
vue el-dialog 点击空白处不关闭弹窗想要el-dialog 点击空白处弹框不关闭可以设置： close-on-click-modal=“false”<el-dialog title="弹框空白处不关闭" :visible.sync="dialogVisible1" filterable :close-on-click-modal="false" width="50%">...
2021-03-11 14:36:25
1688
原创 vue 路由带参跳转
vue 路由带参跳转1、路由配置文件中（router.js或router/index.js等）中应设置：// 跳转至router 携带id和name{ path: 'router/:id/:name', name: 'router', component: () => import('@/views/router/router'), meta: { title: '页面名称'},}2、跳转执行处应设置：this.$router.push({ na
2021-03-11 14:31:14
202
转载 H5判断网页是否在微信、IOS、PC端打开
1、是否是在微信中打开isWeiXin: function () { var ua = window.navigator.userAgent.toLowerCase(); if((/MicroMessenger/i).test(ua)){ return true; }else{ return false; }}2、是否是在IOS中打开isIos: function () { var agent = navigator.userAgent; var.
2021-03-05 14:26:55
2440
原创 layer.confirm点击确定关闭弹框并执行函数
layer.confirm点击确定关闭弹框并执行函数layer.confirm('提示语',{ btn:["确定","取消"], btn1:function (index){ layer.close(index) $.ajax({ ........... }) btn2: layer.close() }) ...
2021-01-22 09:48:32
4580
原创 vue 保留小数点后两位以及转化为百分比
vue 保留小数点后两位以及转化为百分比1、将小数转化为百分比（保留四位小数，四舍五入）export function ChangeDecimalToPercentage(data) { var data1 = (data*100).toFixed(4)+"%" return data1}2、保留小数点后两位四舍五入export function NumFilter (value) { // 截取当前数据到小数点后两位 let realVal = parseFloat(value
2021-01-15 19:50:00
7467
原创 vue 时间格式相互转化以及判断汇总
vue 时间格式相互转化1、转化YYYYMMDDHHMMSS时间格式为YYYY-MM-DD HH:MM:ssexport function changeTime(time) { var newtime = '' newtime = time.substring(0, 4) + '-' + time.substring(4, 6) + '-' + time.substring(6, 8) + ' ' + time.substring(8, 10) + ':' + time.substring(10
2021-01-15 19:46:02
2727
1
原创 bootstrap table中将json数据作为参数传入函数中
bootstrap table中将json数据作味参数传入函数中1、调用时使用encodeURI 和 JSON.stringify 将json进行编码actions.push('<a class="btn btn-info btn-xs" href="javascript:void(0)" onclick="aaa(\'' + encodeURI(JSON.stringify(row)) + '\')"><i class="fa fa-street-view"></i&g
2021-01-15 19:37:45
774
原创 js 比较两个datetime类型的数据
js 比较两个datetime类型的数据 function compare(date1,date2) { let dates1 = new Date(date1); let dates2 = new Date(date2); if (dates1 > dates2) { return false } else { return true } }若返回值为fal
2021-01-12 19:58:11
456
原创 ajax 请求设置请求时请求头携带cookie
ajax 请求设置请求时请求头携带cookieajax 请求时设置请求头，需要在请求中添加 withCredentials为true$.ajax({ url:请求地址, datatype:数据类型, type:请求类型, // post、get、delete、put data:请求数据, xhrFields: { withCredentials: true }, success:function(data){ //请求成功时执行的动作 }, error:function(data
2021-01-12 19:51:01
2784
原创 Spring Boot 设置或修改端口号
SpringBoot修改端口号在项目的resources文件夹下的application.properties文件中新建或修改端口号server.port=myport //port自己需要的端口号
2021-01-08 14:07:05
470
原创 vue 子组件刷新父组件
vue 子组件刷新父组件1、通过 $emit 触发//在父组件中设置 @add = "add(val)"//子组件中使用this.$emit('add', newVal)2. 使用$parent触发//子组件直接调用this.$parent.getList()
2021-01-08 14:05:48
3303
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人