- 博客(46)
- 资源 (1)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 vue3+elementplus去掉el-input 和 el-textarea的border
【代码】elementplus去掉el-textarea 和 el-textarea的border。
2023-12-30 15:03:43
2044
原创 IIs部署发布vue项目测试环境
打开【控制面板 => 程序=>启用或关闭Windows功能 】1、安装IIS: 把这些勾选上，点击确定下载。2、安装.net: 把这些勾选上，点击确定下载。3、搜索IIs打开：4、右击【网站=>添加网站 】进行配置，点击确定。4、右击[项目lemi=>管理网站=>预览]，就完成了。
2023-11-18 15:41:32
382
原创 elementPlus Pagination 分页怎样变中文
elementPlus Pagination 分页 默认是英文的 需要手动设置一下国际化变成英文的。在main.js文件里添加以下代码就可以了。如果是vite构建，引入部分会爆红，可以在vite-env.d.ts中declare一下。
2023-11-16 11:36:46
849
原创 vue+elementUI 数据变化但el-table表格没有更新问题
vue会判断dom节点上的key是否改变，如果有变化，会产生真实DOM更新。这个问题，可以通过v-for里为什么不能使用默认index作为key的原因一个道理。在el-table中添加key，设置成boolean类型，点击保存的时候更新key值就可以了。也可以传数字累加，赋值给key值。vue会通过key值改变，从而产生真实DOM更新。拖拽排序后保存后能看到拿到的数据是变化的，但表格没有更新。
2023-05-23 14:21:48
2601
原创 【git commit】input: feat(omsis)：新增间隔视图组件 subject may not be empty [subject-empty] type may n
执行以下命令时git commit -m 'feat(接口)：新增变电api'（1）报错：解决：那是因为eslint 做了规范校验，把 ’ feat(接口)：新增变电api ’ 中的中文冒号改成英文冒号然后加个空格就行了（2）报错：解决：注意看圈出来的部分，’ feat(接口)：新增变电api ’ 里的feat() 里的内容必须是从这里选。例如：’ feat(basic)：新增变电api ’ 。...
2022-04-08 16:29:28
603
原创 nvm(node版本管理用具)安装和使用
一、nvm是什么？nvm全称: node.js version management。顾名思义nvm就是nodejs版本管理用具。nvm可以快速切换使用不用版本的node。二、怎么安装nvm？① 如果你之前安装过node.js和npm ，就把node.js和npm 删除干净。然后再安装nvm。注：删除npm下面这两个文件 ：C:\Users\白开水\AppData\Roaming（白开水是我电脑的账户名）github下载: https://github.com/coreybutler/nvm-
2022-03-28 16:14:28
8854
原创 后端报错：Uncaught PDOException: SQLSTATE[HY000] [1045] Access denied for user ......
环境背景：phpStudy请求登录接口时后端报错：解决办法：打开根目录www/index.php里的数据库配置好就行了【注】（1）mysql服务器地址：打开phpStudy=>设置=>hosts（2）数据库名称和数据表统一前缀：打开phpMyAdmin,对应的数据表（3）数据库账号和密码：（4）mysql字符串类型：...
2022-03-17 11:27:59
4018
原创 发布自己的第一个npm包
三个步骤：①创建项目②上传到github③发布到npm①创建项目:（1）创建一个名为test的文件夹：mkdir test（2）进入到test文件夹里创建名为npm_test_z项目（默认vue3.x）：vue create npm_test_z 或者vue create npm_test_z -y②上传到github:注：如果还没有github账号就去注册一个。(1) 在github上创建一个仓库，复制https地址。(2) 进到项目根目录下，输入以下命令：git add .git
2022-02-18 16:58:55
410
原创 vscode 默认谷歌运行程序
（1）先在vscode安装这个插件：open in browser(2)点开扩展设置（3）直接写上Chrome扩展小知识：这样就可以了，这时候你可以打开你的settings.json就会发现多这一行代码。所以你下载完插件后也可以在settings.json配置里手动添加这行代码...
2021-10-20 12:16:06
963
原创 vue3使用ant design vue点击表格行事件
<a-table :rowClassName=" (record, index) => (index % 2 === 1 ? 'table-striped' : null) " class="ant-table-striped" :columns="columns" :data-source="orderList" :customRow="rowClick" //点击行事件 }} &.
2021-10-15 15:34:06
2103
原创 js字符串倒序输出
function reverseStr(str) { var newStr = ""; for (var i = str.length - 1; i >= 0; i--) { // newStr += str[i]; //或者 newStr += str.charAt(i); //charAt(i);这个函数是返回字符串中下标为i的那个字符； } return newStr; } cons.
2021-09-16 15:01:19
1278
转载 js 0.1+0.2不等于0.3的解决办法
JavaScript有7种基本类型分别是: Undefined, Null, Boolean, String, Number, Symbol, Object.对于JS中的Number类型, 不区分整数和浮点数, 浮点数的精度远远不如整数, 首先先看一下为什么会出现这个问题, 根据双精度浮点数的定义, Number类型的有效整数范围是-0XFFFFFFFFFFF至0X1FFFFFFFFFF,所以无法精确到超过这个范围的整数.解决办法 1.ES6提供的Number.EPSILON方法function nu
2021-07-03 13:53:07
738
原创 vue element-ui el-cascader级联选择器数据回显 简单的两种方法
vue element-ui el-cascader级联选择器数据回显 简单的两种方法 <el-cascader ref="myCascader" clearable v-model="regionValue" :options="regionOptions" :props="regionProps" @change="handl
2021-06-30 13:42:25
6111
10
转载 将数组里某个属性相同的对象合并成一个数组
var array=[ {id:1,name:'小明',sex:'男'}, {id:2,name:'小刚',sex:'男'}, {id:3,name:'小红',sex:'女'}, {id:4,name:'小花',sex:'女'}, {id:5,name:'小甜甜',sex:'女'}, ] var obj={},newArr=[]; array.forEach(function(item,suffix){
2021-06-29 16:26:49
1564
转载 小程序的wx.requestSubscribeMessage订阅消息 踩坑记录
转载文章：https://www.jianshu.com/p/0853e36925e3
2021-06-26 17:45:44
2126
原创 vue keep-alive第一次无效问题以及解决办法
使用keep-alive场景：列表页 -> 详情页 ->列表页（使用keep-alive缓存列表页）方法一：这种方法不管从哪个页面返回到list页面，list页面都不刷新，不建议使用 <!-- 注：list是组件名 --> <keep-alive include="list"> <router-view /> </keep-alive><!-- 注：在所需缓存的页面定义组件名 -->
2021-06-09 17:33:54
4883
14
原创 微信小程序 通过背景图片的方式插入图片
微信小程序通过background-image设置背景：只支持线上图片和base64图片，不支持本地图片；通过官网将本地图片转成base64的图片： http://tool.chinaz.com/tools/imgtobase .my-o{ background-size:100% 100%; -moz-background-size:100% 100%; background-image: url("data:image/png;base64,iVBORw0KGgoAAA
2021-06-02 15:24:17
2204
原创 vue 实现前端excel导出表格携带token的两种方法
场景一：后端返回一个api接口，直接点击按钮就能下载Excel文件时：<!-- 注：excelUrl绑定的是后端返回的api接口 --><el-link :href="excelUrl"> <el-button type="primary" plain>导出数据</el-button></el-link>场景二：后端返回的是一堆数据，然后自己导出Excel格式文件时：（1）npm下载模块 cnpm install vue-js
2021-05-25 17:40:02
1754
原创 errMsg: “navigateBack:fail cannot navigate back at first page.“
使用wx.navigateBack();报错：navigateBack:fail cannot navigate back at first page（当前是第一个页面，无法返回。）因为从别的页面跳转过来使用的是：wx.redirectTo() （关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面）或者wx.reLaunch()（关闭所有页面，打开到应用内的某个页面）所以换成不关闭当前页面的跳转方式就行：wx.navigateTo（）（保留当前页面，跳转到应用内的某
2021-05-22 11:27:05
7685
原创 uni-app 封装全局登录函数
1、在 main.js 中封装全局登录函数Vue.prototype.checkLogin = function(backpage, backtype){ var SUID = uni.getStorageSync('SUID'); var SRAND = uni.getStorageSync('SRAND'); var SNAME = uni.getStorageSync('SNAME'); var SFACE = uni.getStorageSync('SFACE'); if(SUID =
2021-05-17 18:17:05
958
原创 微信小程序实现 带单选框 图片上传、预览、删除功能
功能图：功能图：.wxml: <!-- 上传图片功能 --><view class="uploader"> <view class="uploader-text">相册</view> <view class="uploade-box"> <!-- 上传成功的图片+单选框+删除按钮显示 --> <view class="uploader-showItem" wx:for="{{imagesList}
2021-05-14 16:38:12
1283
原创 微信小程序 扫一扫功能
微信小程序 扫一扫功能参考官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/device/scan/wx.scanCode.html.wxml:<!-- 扫一扫功能 --> <button type="primary" bindtap='getScanCode'>扫一扫</button> <view wx:if="{{content !=''}}">扫码的内容:{{content
2021-05-14 09:52:59
836
原创 微信小程序 / vue 封装全局过滤器
微信小程序 封装全局过滤器参考官方文档 ：https://developers.weixin.qq.com/miniprogram/dev/reference/wxs/01wxs-module.html作用：往往后端会返回一个数字，比如1，我们根据数字1对应后端数据枚举中的value值在页面中渲染出desc的值。有人会说，直接if else 判断等于1就显示轮播图片，等于2就显示商品卡片等。这样写死到时候后端ModuleTypeEnum里面的数据变化 ，页面就得改，不好维护。所以过滤器是最好的办法后
2021-05-08 18:48:49
857
原创 vue element-ui el-date-picker日期选择器 清空按钮之坑
watch监听选择器 点击清空按钮时会报错这是因为Element-ui中没有内置清除按钮的回调函数, 当点击清除按钮的时候，value会被设置为null。因此要解决这个bug,我使用的方法是在下次调用之前，为value重新赋值 if (!newData) { newData = [] }因为Element-ui中没有内置清除按钮的回调函数，所以clear事件不生效我就在为value重新赋值时添加我要做的事：watch: { time_v
2021-04-03 11:44:24
16791
5
原创 vue TimePicker时间选择器组件的回显与格式转变
我们监听打印出来是这种格式：Tue Mar 30 2021 17:44:12 GMT+0800而我们需要的是这种格式：17:44:12实现：方法一（注：这种方法可回显）：文档里有一个属性：value-format（可选，绑定值的格式。不指定则绑定值为 Date 对象）然后 绑定数据就可以了，得是数组，不能是字符串形式：回显数据：edit_value: [‘17:44:12’，'20:12:12'],方法二(不能回显数据因为v-model绑定的值不是数组，至少我现在找不到回显的方法)：
2021-03-30 18:16:47
5082
1
原创 vue 后台返回的一维数组怎样变成二维数组
放一下效果图实现代码 //重新封装成二维数组 var list = res.data.records //获取后台数据 这个不多赘述 let groups = [] let Data = [] list.map((v, i) => {//遍历后台返回的一维数组 groups.push({//提取所需字段重新封装成数组 name: v.name, }) Data.push({//提取所需字段重新封装成tableDa
2021-03-28 11:25:50
2361
原创 微信小程序 富文本能点击放大缩小预览
微信小程序 富文本能点击放大缩小预览<rich-text nodes></rich-text> 不行 添加点击事件 不是这出问题就是那出问题最好的办法就是使用<parser html="" /> 直接就能点击预览 不用添加啥点击事件parser 使用步骤：1、下载parser组件2、app.json中引入组件： "parser": "/utils/parser.min/parser"直接在所需页面使用...
2021-03-23 11:45:05
634
原创 小程序实现本地存储
我们先说一下小程序存储和web本地存储的区别：1、写代码的方式不一样####web:存 : localStorage.setItem(“key”,“value”)获取：localStorage.getItem(“key”,“value”)小程序：存 : wx.setStorageSync(“key”,“value”)获取： wx.getStorageSync(“key”,“value”)2、存的时候 有没又做类型转换web:不管存入的是什么类型的数据，最终都会调用以下 toString(
2021-03-09 10:25:36
1531
原创 微信小程序 顶部自定义导航 “navigationStyle“: “custom“ 真机iPhone6/7/8不显示胶囊按钮
微信小程序 顶部自定义导航 “navigationStyle”: “custom”要实现这种效果图1、在哪个页面上实现自定义导航栏就在哪个页面的 .json 文件中写上： “navigationStyle”: “custom” ，如果在app.json写那就是所有的页面都会变成通栏{ "component": true,"navigationStyle": "custom"}2、页面的.wxml代码：<view class="navbar" style="height:{{n
2021-01-14 09:52:19
7859
3
原创 router.beforeEach((to, from, next) 路由导航守卫 页面出现了白屏，但没有报错
今天用路由守卫页面出现了白屏，但没有报错。// 挂载路由导航守卫router.beforeEach((to, from, next) => {if (to.path === '/login') return next()//获取tokenconst tokenStr = window.localStorage.getItem('token')if (!tokenStr) return next('/login')next()})然后发现是这的问题把这改成这样就可以了注意改了
2020-12-22 10:17:12
3088
多个input 框，进行输入切换， 键盘频繁收起，怎样能让键盘保持不收起状态
2021-03-13
组件upload 回显图片时
2021-02-27
vue 为什么created（）初始化 会输出五次？？
2021-02-27
TA创建的收藏夹 TA关注的收藏夹
TA关注的人