- 博客(161)
- 收藏
- 关注
RSS订阅转载 控制台警告:You may use special comments to disable some warnings.
解决方法看这里：https://blog.csdn.net/weixin_42452888/article/details/110144296我的问题是我在项目的build文件下没有找到webpack.base.conf.js文件，可以在项目里全局搜索"…(config.dev.useEslint"，就可以找到这个文件下面的这一句了。...
2022-04-27 17:27:17
80
原创 vue页面嵌套外部url
我的需求是一进入页面通过调接口获取页面的url，然后把url嵌套到当前页面。<template> <div class="page-content" id="bi-div"></div></template><script> import reportFormApi from '@/api/reportForm' export default { name: 'reportComponent', props
2021-12-17 10:26:38
3949
1
原创 背景色动态渐变
效果如图：代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>canvas demo</title> <style> html { font-size: 62.5%; } body { margin: 0px; } #demo { width: 100v
2021-12-01 15:10:22
472
原创 用set()对数组和字符串去重
ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。数组去重的方法1：const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}上面代码通过add()方法向 Set 结构加入成员，结果表明 Set 结构不会添加重复的值。去除数组的重复成员2：[...new Set([1,2,2,3,3,4,4,4,4])
2021-11-15 10:21:03
829
原创 uni-app：在小程序中判断用户当前定位与指定位置之间的距离
1、HTML部分<view @click="clickToShopping()">开始买菜</view>2、js部分async clickToShopping() { //点击开始买菜按钮，判断是否在用户家2km范围内 var that = this; // 1、调接口，取目的地的经纬度。 that.userLanLong = await that.getUserLanlong(that.obj.serviceOrderId); // console.log(tha
2021-10-13 11:07:21
1588
原创 uni-app getLocation()无法获取定位，一直fail()
问题描述：在微信开发者工具和真机调试时，uni.getLocation()获取定位失败，一直fail()。问题原因：微信官方文档，从基础库 2.117.0版本起，将对getLocation()接口增加频率限制。改为使用onLocationChange()。代码：getDingwei(){//获取当前设备定位 let that = this; uni.getSetting({ success(res) { //地理位置 //#ifdef MP-WEIXIN if (res
2021-07-28 18:20:03
4703
原创 Vue + iView实现Excel上传
1、HTML部分<Col span="2">上传文件：</Col><Col span="22" class="uploadExcelBox"> <Upload ref="uploadExcel" :loading="uploadLoading" :action="uploadFileUrl" accept="xlsx,xls" :format="uploadFormat" :before-upload="beforeImgFile" :on-succ
2021-06-21 20:09:04
975
10
原创 iveiw:Switch开关用法
1、HTML<Table border :columns="tableColumns" :data="tableData" :loading="tableLoading"> <!-- 是否开启:0:启用，1:禁用 --> <template slot-scope="{ row, index }" slot="isStatus"> <i-switch v-model="row.isStatus1" @on-change="handle
2021-06-09 16:07:46
443
原创 iview table组件动态新增行并插入input
1、HTML部分<Table border :columns="rulesTableColumns" :data="rulesTableData" > <template slot-scope="{ row }" slot="ranking" ref="row"> <div class="service table_slot"> <Input v-model="row.ranking" @input="onInputT
2021-06-01 19:44:55
1706
原创 iview modal 底部不显示
<Modal v-model="showModal" :title="modalTitle"> <div slot="footer"></div></Modal>
2021-03-19 18:07:24
896
原创 iview table控件在render函数里设置DOM属性值的方法
columns:[ { title: '员工头像', key: 'a', render:(h,params) =>{ return h('div',{ style: { width: '100%', height:"120px", display: "flex","justify-content": "flex-start","align-it.
2021-01-07 11:15:29
584
1
转载 js反向截取字符串:lastIndexOf()
var str = "abcdefg";var index = str.lastIndexOf("c");
2020-12-09 19:10:10
921
原创 获取小程序码（一物一码）实现方式
先放小程序官方文档：获取小程序码要求实现：获取小程序码，且无数量限制。实现思路：1、点击按钮后调接口，接口返回小程序码；2、把小程序码传给Dom模板，模板是自定义的，可在页面上渲染成任意自己想要的样子。3、注意：用户扫描小程序码进入到的指定页面，在onLoad()生命周期取参时需要区分用户是扫码进入的还是正常通过url跳转进入的，2种进入页面的取参方式不同。具体步骤：1、js代码show_post() {//按钮点击事件 var tha...
2020-12-01 17:41:43
2196
4
原创 本地浏览器可发送跨域请求
1、浏览器桌面图标 -- 右键 -- 属性 -- 快捷方式 -- 目标2、在“目标”输入框里原有的值后面加如下(带一个空格)： --user-data-dir="c:\ChromeDebug" --test-type --disable-web-security3、应用 -- 确定 -- 然后重启浏览器就好了注意：此方法只有在本地有效。...
2020-12-01 15:52:46
201
原创 PS：高清晰度的源文件保存成图片如何使图片大小最小
1、第一个快捷键：Ctrl+Alt+i2、在弹窗里把“分辨率”填72，点击“确定”。（72是图片可保存的最小分辨率）。3、第二个快捷键：Ctrl+Alt+Shift+s，在弹窗里选择要保存的格式就好了。
2020-11-09 17:24:00
1800
转载 Vue、element-ui的resetFields()方法重置表单无效的问题
1、问题描述：element-ui的resetFields()方法重置表单无效。2、原因：参考：http://www.mamicode.com/info-detail-2949549.html3、解决方案：在用resetFields()重置表单之前，先把form表单里的值都重置。...
2020-08-21 16:16:55
927
原创 Vue表单添加回车事件使下一个input获取焦点
话不多说，先贴代码：1、form表单代码<el-form ref="loginForm" :model="loginForm" :rules="loginRules" status-icon> <el-form-item prop="username"> <el-input v-model="loginForm.username" placeholder="请输入管理员账号" name="username" type="text" auto-.
2020-08-04 10:54:16
2311
2
转载 vue给input添加回车事件无效
如下图，我给input添加了回车事件，但是按了回车之后始终无法触发事件。v-on:keyup.enter="submitForm"解决方法：加上.native修饰v-on:keyup.enter.native="submitForm"
2020-08-04 10:12:08
1374
原创 vue-element-admin使用Tinymce富文本插件的踩坑填坑
vue-element-admin项目的作者已经封装好了Tinymce富文本组件，我直接在Git上下载demo运用到自己项目里。这是Git地址：https://github.com/PanJiaChen/vue-element-admin一、Bug描述：（组件的代码和demo基本一致的前提下）我在编辑弹窗里引用了Tinymce富文本组件，如下图，table的每条数据都有一个“修改”按钮，每次点击“修改”按钮，则弹窗里显示该行对应的HTML。可是从第二次开始每次富文的内容都和第一次的一样，按道理不
2020-07-29 16:11:52
6004
15
转载 封装element Dialog实现全屏、最小、双击回复原状和拖拽功能
https://www.jianshu.com/p/fa36f0ed9222
2020-07-28 10:31:57
1278
转载 让Vue项目更丝滑的几个小技巧
一、数据不响应，可能是用法有问题比如下面这段代码:<template> <div> <div> <span>用户名: {{ userInfo.name }}</span> <span>用户性别: {{ userInfo.sex }}</span> <span v-if="userInfo.officialAccount"> 公众号: {{
2020-07-23 19:21:37
253
1
转载 提升工作效率的JS技巧
1、返回日期数列里与目标数列最近的日期下标const getNearestDateIndex = (targetDate, dates) => { if (!targetDate || !dates) { throw new Error('Argument(s) is illegal !') } if (!dates.length) { return -1 } const distances = dates.map(dat.
2020-07-23 18:42:18
101
转载 ElementUI的el-dialog弹出层实现拖拽、拉伸、双击全屏的效果
直接参考这个帖子，什么代码都不用改，直接复制粘贴，3秒实现效果，完美！https://www.cnblogs.com/lh-web/p/12383355.html
2020-07-11 10:10:56
1447
1
原创 CSS : 文本换行 / 文本不换行 / 文本不换行，超出部分显示省略号
一、文本换行 html文本超出时换行：word-break属性http://www.w3school.com.cn/cssref/pr_word-break.asp二、文本不换行 文本不换行white-space: nowrap;三、文本不换行，超出部分显示省略号CSS 实现不换行 / 自动换行 / 文本超出隐藏显示省略号1、自动换行 div{ word-wrap:break-word; word-break:normal; } 2、强制不换行...
2020-07-08 10:39:06
1045
原创 Vue axios发送post请求参数太多，接口报错：No ‘Access-Control-Allow-Origin‘ header is present on the requested resou
场景描述： 在进行修改操作时，因为表单里有富文本组件，用户在富文本里编辑的html可能会很长，富文本里的html作为参数传给接口执行updata操作时报错。Access to XMLHttpRequest at 'http://192.168.*.**:8888/base/infoNews/update? ... ...' from origin 'http://192.168.3.7:8805' has been blocked by CORS policy: Response to p...
2020-07-04 14:46:05
1157
原创 npm install 报错 : gyp ERR! configure error
问题：(在Xshell上操作测试版本的项目) 新拉代码之后，npm install 报错，报错信息如下：gyp ERR! configure error gyp ERR! stack Error: EACCES: permission denied, mkdir '/home/work/buildqx/vue-admin-template/node_modules/node-sass/.node-gyp'报错截图：解决方法：npm install --unsafe-per...
2020-06-29 20:01:57
1705
原创 在vue项目中使用element-tree-grid（表格树）
Git Demo 网址 ：https://github.com/ProsperLee/element-tree-grid相关技术贴：https://www.lagou.com/lgeduarticle/41612.html一、使用方法：1、通过npm安装element-tree-gridnpm install element-tree-grid --save2、在main.js中注册element-tree-gridvar ElTreeGrid = require('el..
2020-06-18 13:10:22
3703
3
原创 vue调接口的2种写法
方法一：1、例如在src/api/post.js 文件：import request from '@/utils/request'//获取数据const get = (param) => { return request({ url: '/api/post/get',//接口url method: 'post', params: param })}export default { get,}2、在..
2020-06-13 20:25:31
9713
原创 RangeError: Maximum call stack size exceeded
一调getAreaList()就报这个错误，原来是有2个函数名重复了。
2020-06-05 10:25:45
168
转载 el-col内容为空时，整个el-col不显示。
问题：其中一个<el-col>中内容为空，或者el-col内部html标签也为空，则这个el-col整体就不显示。解决方案：给<el-col>设置 style="min-height:1px;" 就可以了。
2020-05-30 18:15:12
3753
原创 使用ES6新特性async await进行异步处理，实现同步效果。
在vue项目里定义了一个全局函数，如下：每次都返回空数组。因为接口调用后还未返回数据，该函数就将result return了。Vue.prototype.getCity = function(){//获取城市列表 var result = []; getCityList().then(res=>{ if(res.code==0){ //console.log(res.data); resu..
2020-05-25 14:47:02
574
转载 asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impac
警告提示：翻译过来就是：资产规模限制：以下资产超过了建议的规模限制（244 KiB）。这可能会影响web性能。错误原因，资源(asset)和入口起点超过指定文件限制，需要在 vue.config.js 文件内做如下配置：module.exports = { //webpack配置 configureWebpack: { //关闭 webpack 的性能提示 performance: { hints:false } //或者
2020-05-23 16:02:17
3673
转载 vue报错：exports is not defined
报错如下：【原因】在项目中全局搜索exports，其他的文件都是配置文件，只有1个js文件是自己最近新增的，写了exports，估计出问题就是这个文件了。该文件是用来声明全局函数的，百度查了一下，是声明函数时的写法没有按照ES6的语法来写。接下来，放代码：//以前的错误写法exports.install = function(Vue,options){}//正确的写法let base={};base.install = function(Vue,opti...
2020-05-23 15:57:55
14587
转载 ecahrt 地图不显示、数据没渲染的问题
我在ecahrt官网找了个简单的地图demo，一模一样的代码copy到项目里。但是地图始终显示空白，也没有报错。解决方法：原文网址：https://www.cnblogs.com/wxqworld/p/11458529.htmlmain.js文件里，加上红色框内的2行代码就可以了。...
2020-05-19 10:35:59
271
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人