- 博客(60)
- 收藏
- 关注
RSS订阅原创 Mac 使用nvm use命令无法切换node版本
问题复现：使用nvm use命令显示切换成功，但是实际版本还是原来的node版本，应该是与brew安装的node版本存在冲突导致的。显示成功：Now using node v18.19.0 (npm v6.14.18)先卸载使用brew安装的node（ 具体操作请移步。），再使用nvm use命令切换node版本。1.先查看本机使用nvm安装的node版本。2.使用nvm use命令切换node版本。3.但实际查看版本还是14.21.3。
2024-01-12 10:10:44
1932
2
原创 mac 使用brew卸载node
2.查看使用brew 安装的版本，可以看到本机装了14、16、18版本的node。如分别删除14、16、18版本的node命令如下。1.查看当前的node版本。
2024-01-12 10:00:16
2337
原创 Mac解决node-sass: Command failed 问题
4.安装 sass， yarn add -D sass 或 npm install --save-dev sass。2.将package.json中的node-sass和sass-loader引用删除。2.尝试了N多解决方案，发现是node-sass不兼容Mac m1芯片。此项目的package版本，node版本14.21.3为版本对应正确。错误是因为缺少依赖项或者版本不兼容导致的（不适用我）6.运行项目yarn start。3.删除 yarn.log。5.安装依赖yarn。
2024-01-06 10:13:57
1816
原创 mac使用brew安装node
4如需切换node版本，先运行unlink命令，再运行。2.选择可安装的版本安装（示例为安装版本18）1.查看brew可以安装的node版本。5.重新指向要使用的node版本。3.运行命令查看node版本。6.查看node版本。
2023-12-29 10:14:54
2052
原创 uView1.0 input组件禁用后，部分Android机型不触发点击事件
日期选择使用了input和calendar组件组合使用，input组件点后为focus状态，软键盘会弹出影响交互。2.在input组件上方加一个占位，将调用calendar组件的click事件加在占位上。1.软件盘弹出后调用方法收起软键盘。
2023-12-23 15:18:48
862
原创 element dialog弹出框层级错乱问题
需要加modal-append-to-body 默认为true，遮罩层是否插入至 body 元素上，若为 false，则遮罩层会插入至 Dialog 的父元素上。出现弹框层级错乱问题时可以modal-append-to-body是否设置为false了。为false时的HTML结构。为true时的HTML结构。
2023-07-28 16:41:00
1621
原创 如何在 MacOS Ventura 上安装 Homebrew
安装过程会很慢，出现Installation successful！再根据它提示的Next steps一次执行下面两条命令。执行查看brew的版本。Homebrew官网。
2023-03-29 08:30:03
738
原创 antdv 树形表格（配合jeecg）
项目需求用到了树形表格，目前暂不支持父子数据递归查询所以就手动改造了一下。官网table： Ant Design Vue原理：通过监听@expand，手动改变children里的数据。HTML <a-table ref="table" size="middle" :scroll="{x:true}" bordered rowKey="id" :columns="columns"
2022-03-18 16:16:07
2058
原创 antdv 多表单上传组件的使用
功能：点击新增按钮，可以添加一个表单，每个表单验证了名称必填，上传组件只能上传一个文件（图片或者pdf格式），点击确定实现文件的手动上传。HTML <a-form :form="form"> <div class="wrap"> <a-icon type="plus-circle" @click="addRow" :style="{ color: '#1890ff' }"></a-icon> </di
2022-03-04 09:55:20
757
原创 JEditableTable给必填项列名添加*号
思路：先给所有的列名增加*号，再将不是必填项的列名content设置为空。//先根据表格结构都给列名增加 content */deep/ .thead .tr .td span::before{ display: inline-block; margin-right: 4px; color: #f5222d; font-size: 14px; font-family: SimSun, sans-serif; line-height: 1; content: '*';
2022-02-10 15:05:24
554
原创 vue项目引入字体
下载字体.ttf文件到components/numfont文件夹下 在numfont文件夹下新建numfont.css main.js中引入numfont.css 使用字体
2021-10-19 14:01:17
188
原创 antd vue实现动态验证循环属性表单
希望实现查询表单的某些属性可以循环验证必填项：需求：1.名称，对比项，备注必填，默认为一行，可增加多行2.根据名称，动态请求对比项列表，名称变化时，清空该行当前选择的对比项思路：将整个搜索分成了两个表单，分别去做验证。一个是可动态添加的循环表单form，另一个为普通表单dateFormhtml <a-form :form="form" @keyup.enter.native='searchQuery'> <div class="dynamic-wr
2021-09-15 16:39:05
5067
原创 echarts柱状图颜色渐变样式
option: { title: { text: '' }, color: [ { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: [ { offset: 0, color: '#00DC..
2021-09-13 10:29:35
15152
1
原创 解决webpack打包后chunk.js 数量过多，影响加载速度问题（Jeecg）
项目目前用的是路由懒加载的模式，在每一次刷新都会重新加载很多js文件，由于路由都没有自定义webpackChunkName，所以就是默认的11(数字).js这种。打包后默认是chunk-xxx.js一种方法是移除prefetch，此插件是用来告诉浏览器在页面加载完成后，利用空闲时间提前获取用户未来可能会访问的内容。具体内容指路官网：https://cli.vuejs.org/zh/guide/html-and-static-assets.html#prefetch代码如下：chainWeb
2021-08-17 18:02:05
13246
2
原创 echarts在data里定义的formatter函数失效问题
在echarts官方运行的时候是生效的，拿到项目里循环之后就失效了后来井排查发现，是因为循环的时候 使用了JSON.stringify(this.eqpOption)函数，导致 echarts的option里默认itemStyle的方法都为空了所以要重新赋值一下，即使在 this.eqpOption 里声明了也不会生效，赋值后才会生效。eqpOption: { tooltip: { trigger: 'item', form.
2021-08-04 15:25:37
10307
2
原创 uni-app 判断当前app运行环境是Android 还是ios
使用 uni.getSystemInfoSync().platform方法isAndroidOrIOS() { let type = uni.getSystemInfoSync().platform switch(type){ case 'android': uni.showModal({ title: 'Android', }); break; case 'ios': uni.showModal({ title: 'iOS',
2021-05-21 17:03:20
2720
原创 css解决table宽度不生效问题
写原生的table样式时发现，给 td的宽度赋值怎么也不生效，用了important也不生效。问题解决给table的样式加上一下属性，设置的宽度就生效了（可以设置固定宽度，也可以是百分比）table-layout:fixed;解决了问题又去看tableLayout这个属性，因为默认的值是automatic，列宽由单元格内容的宽度决定的，所以设置的列宽无法生效。改成fixed 列宽就由设置的列宽控制了。...
2021-05-14 17:24:39
5825
原创 Mac升级Big Sur系统导致Webstorm Cannot Run Git
问题发现：最近要打包ios app上线苹果商店审核，就下载了xcode，所以就升级了mac系统到Big Sur。然后打开webstorm发现git不能用了 提示Cannot Run Gitxcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun在命令行
2021-05-12 11:02:13
548
原创 ios使用js日期函数处理时的问题
在开发过程发现，使用js日期函数new Date()方法求两个时间的差值时出现问题，在浏览器和安卓Android上都正常显示，在苹果iOS上则无法显示后来发现iOS系统上不支持yyyy-mm-dd的时间格式，需要将- 替换为 / 即yyyy/mm/ddyyyy-mm-dd格式的日期在ios上的返回值是NaNnew Date("202-05-08").getTime(). // NaNyyyy/mm/dd格式的日期在ios上的返回值new Date("2021/05/08")....
2021-05-08 13:34:15
705
原创 解决ant design table列宽不生效问题
先来说解决方法：将:scroll="{ x: true }" 修改为 :scroll="{ x:'100%' }"在使用table组件过程中发现 设置了列宽再列数少得情况是生效的，在列宽多的情况下，设置的固定列宽就失效了列数少，显示正常列数少，设置的列宽失效修改scroll属性后显示正常了...
2021-05-05 15:34:43
10105
1
原创 vue实现列表手动排序
需要实现的效果：点击上、下图标实现列表项的排序<view v-for="(sort, i) in sortList" :key="i" > <view>{{i+1}}.{{sort.maintenanceContent}}</view> <view> <!--第一项不显示up图标--> <view v-if="i!=0" @click="sortUp(i)"> <image src="up.
2021-04-26 10:36:12
1748
原创 uni-app+uView实现点击看大图的效果
vue代码<u-image :src="item" mode="" v-for="(item, index) in imgList" :key="index" @click="imgPreview(item)"></u-image>js imgPreview(item){ uni.previewImage({ indicator:"number", loop:true, urls: [item] }) },主要用到的就是
2021-04-20 17:09:14
5432
1
原创 css实现文字两端对齐
属性名的字数不一致时，就会出现无法对齐的情况，划重点，使用text-align-last属性就可以使文字两端对齐<view><text class="fontalign">备注</text><text>：</text></view>.fontalign{ display: inline-block; width: 110rpx; text-align: justify; text-align-last:
2021-04-10 16:54:32
2612
1
原创 Vue数组被赋值之后修改，会影响被赋值数组
错误写法：this.sortList = this.list此时sortList修改也会影响list，因为list直接将地址赋给了sortList，所以sortList改变了list也会改变解决：this.sortList = [...this.list];
2021-03-29 16:57:46
718
原创 vxe-table show-overflow在modal失效问题
在使用的过程中发现vxe-table在普通界面是生效，但是在iview的modal框始终不出现排查后发现和tooltip的z-index有关，modal的z-index比tooltip的z-index大，把相关class改一下就可以显示了.vxe-table--tooltip-wrapper { z-index: 10000 !important;}...
2021-01-07 18:56:17
5373
4
原创 Vue在hash状态下使用iView Anchor锚点功能
给Anchor添加container属性：以图为例 2.contract-detail这个类的样式.contract-detail { width: 100%; overflow-y: scroll;}
2021-01-06 15:59:07
599
原创 时间选择框被modal遮盖情况
开发过程中有时会出现时间选择会被弹框遮盖的情况解决方法：iView在modal上加上transfer属性element在dialog上加modal-append-to-body属性
2020-06-03 14:35:44
1069
原创 Vue UI 创建项目详细步骤
1.首先要安装最新的Vue CLI在命令行工具里输入一下命令npm install -g @vue/cli或者yarn global add @vue/cli安装成功后，可用vue -V命令查看已安装的Vue CLI版本2.在命令行运行 vue ui，就会出现图形化管理在界面上可以看到第一个tab项目，点击创建这个tab ，可以来创建一个新的vue项目...
2020-04-28 17:12:53
17696
7
原创 Element打开dialog底部页面存在padding-right bug
问题重现：在页面没有打开dialog时，显示是正常的。而在打开dialog后，页面的右侧会出现padding-right：17px；正常页面：在打开dialog后，可以看到右侧出现空隙打开控制台查看代码可以看到打开dialog后，body增加了一个el-popup-parent--hidden样式解决方法： 将el-popup-parent--hidd...
2020-03-28 14:46:47
4637
10
原创 微信小程序点击事件传递自定义参数的方法
在微信小程序的开发过程中，点击事件不同于普通js传参，而是采用自定义传参的方法1，绑定格式为data-XXX，此处是data-id， id是需要传递的参数 <!-- 绑定data-id 需要传递的参数 格式为data-XXX --><view class="today-data" bindtap="goTodayData" data-id="{{item.id}...
2020-03-26 17:01:17
5793
原创 微信小程序开发使用echarts统计
最近才学习微信小程序开发，一点一点填坑中....1.下载echart微信小程序git下载地址https://github.com/ecomfe/echarts-for-weixin2.引入将下载后的压缩包解压，将里面对应ec-canvas文件夹，放到微信小程序项目的根目录下，与app.js同级。3.使用一、.wxml页面（在使用到echarts组件的目录下）&...
2020-03-25 18:20:59
1552
2
原创 Vue packages version mismatch: Vue包版本不匹配解决方案
在运行过程中出现的报错如下：Vue packages version mismatch:- vue@2.6.10- vue-server-renderer@2.6.11This may cause things to work incorrectly. Make sure to use the same version for both.根据提示然后需要将vue和vue-serv...
2020-03-25 10:52:06
8278
1
原创 vue实现无缝滚动功能
发现element和iview都没问无缝滚动的特效，只有走马灯的，最近需要用到无缝滚动的特效，就在npm上找了一个插件vue-seamless-scroll我是在nuxt里用的1.安装yarn add vue-seamless-scroll2.在plugins里新建vue-seamless-scroll.js文件import Vue from 'vue'import ...
2020-02-07 15:32:41
4108
3
原创 iview 3.x select选中后值有空格问题
最近有用到select选择时需要同时传value和lebal的值，如传名字和id用了iview 3的select组件和label-in-value属性，代码如下： <Select v-model="formObj.leaderId" name="leader" filterable ...
2019-11-30 15:58:37
849
2
原创 zTree设置父节点不可选中，只可选中子节点（也可根据需求设置节点选中状态）
有两种方法：显示check radio 但是不能选中父节点，只能选中子节点；另一种方法是直接不显示父节点的check radio一、是在callback里写回调方法，都是显示check radio的，有两种情况，一种是不可选择，一种是判断是否是父节点，是的话直接返回callback: { beforeCheck: this.zTreeBeforeCheck,//在...
2019-11-08 17:16:40
12558
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人