- 博客(153)
- 收藏
- 关注
RSS订阅
原创 Node.js 和 webpack 下载安装——小白教程
前端学习Vue会用到webpack，用webpack需要安装node.jsNode.js下载地址 点击跳转1，下载安装node.js推荐百度云离线下载，chrome和迅雷我这边都很慢cmd中输入node -v 和 npm -v出现安装版本，证明安装成功(Node.js自带软件包管理工具npm) Node Package Manager2，环境配置更换镜像 依然在cmd输入命令...
2020-02-20 15:55:00
3126
5
原创 Webstorm添加Vue代码模板——步骤详解
还在为每次敲Vue的重复代码苦恼吗？可以通过接下来简单6步帮大家减轻烦恼1、点击Webstorm的File——Settings2、找到Live Templates——点击Vue3、点击右侧+号——点击1.Live Template4、填写Abbreviation （缩写）和 Description以及模板中的代码5、点击 Define——勾选HTML6、点击Apply——点...
2020-02-11 15:29:13
4113
原创 ECharts下载最简单方法——小白必看
讲道理在网上找了半天也没教会我怎么在EChart官网下载EChart，个人认为小白应该移步它的GitHub下载这里讲2种方法1、最简单粗暴的方法，直接点红圈，下载15M左右的Zip即可解压Zip即可找到echarts.all.js等2、嫌压缩包下载麻烦可以直接下载单个文件点击Github页面的 echarts.all.js右键单击Raw，选择链接另存为，也可直接得到js文件...
2020-02-08 23:15:49
71315
47
原创 Failed to install SELinux policy due to missing dependencies (policycoreutils-devel)
Failed to install SELinux policy due to missing dependencies (policycoreutils-devel).: Current locale settings are invalid
2023-10-10 10:56:15
2375
原创 npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
2022-10-17 19:43:28
362
原创 Ant Design Vue Modal 对话框 this.$warning is not a function
Modal 对话框十分常用，但用官网这个信息提示模板竟然报错了warning() { this.$warning({ title: 'This is a warning message', content: 'some messages...some messages...', });},简单粗暴的结论：this.$warning应该改成Modal.warning改后：warning() { Modal.warning({ title: 'This
2022-03-24 15:09:03
3014
1
原创 网页标签栏增加图标
默认网页标签栏是没有自定义图标的添加自定义图标只需在 <header></header>里添加一句话，href 写真实的图标地址即可<head> <link rel="shortcut icon" href="1647312173(1).ico"></head>...
2022-03-15 10:55:16
853
原创 v-html 图片宽度超出div解决方案
失败的效果如下：图片超出蓝色框线<div v-html="formContent" class="HTMLCSS"></div>解决方案：注意事项：如下代码写在 <style></style> 标签内，写在 <style scoped></style>中不生效 <style> .HTMLCSS img { width: 100%; display: block; } </style&
2022-02-25 18:24:24
2283
原创 Page{0} requested without authorization, you can copy URL and open it in browser to trust it.
使用 Webstorm 反复弹窗提示 Page {0} requested without authorization, you can copy URL and open it in browser to trust it.解决方案：File -> Settings -> Build,Execution,Deployment -> Debugger -> Allow unsigned requests
2021-12-11 13:23:43
1612
原创 Ant Design Vue Input 输入框设置只读
<a-input v-model="A" placeholder="请输入"/>只读 readonly 需要写成 readOnly<a-input v-model="A" placeholder="请输入" readOnly/>
2021-12-10 16:05:03
6985
原创 火狐FireFox浏览器默认安装C盘解决方案
上来就是正在安装，一点选择的机会都没有解决方案：点击更多系统和语言下载自行选择下载的类型，这个有选择方案HR0cHM6Ly9ibG9nLmNzZG4ubmV0L3F3ZTEyMjM0Mw==,size_16,color_FFFFFF,t_70)
2021-08-17 19:31:24
8286
2
原创 右键没有 git bash here 添加方案
系统更新了一下，右键 git bash here 没了，每次从根目录一点点找巨麻烦，解决方案如下：1、Win + R，打开注册表编辑器2、按路径 HKEY_CLASSES_ROOT\Directory\Background\shell\ 找到shell3、shell 下新建项名字叫 Git Bash Here4、建好后修改它的数值数据为Git Bash Here5、Git Bash Here下新建项command6、建好后修改它的数值数据为 git-bash.exe 的地址地址需要看
2021-08-16 16:48:41
290
原创 谷歌浏览器翻译英文网页功能消失解决方案
打开英文网站发现Chrome不会自动弹出翻译弹窗设置——高级里也勾选了还是无效可以直接在网页右键，点击翻成中文（简体）
2021-08-16 16:19:45
5552
2
原创 ant design vue 表格 Table 实现导出功能
当你搜这个问题的时候，我想你已经知道了 ant design vue 的 Table 组件没有导出功能，比用 View UI 麻烦一点话不多说 直接上可以跑的代码供大家参考使用表格写两个，一个导出用，隐藏掉；另一个展示用。主要是 data-source 绑定的值不同<!--导出用--><a-table bordered :columns="columns1" :data-source="infoListExport" id="tableExport" rowKe
2021-06-28 10:27:51
5218
5
原创 [Vue warn]: Failed to resolve directive: ant-portal (found in ＜Anonymous＞)
使用场景：Ant Design Vue 1.75 局部引入 Modal 组件，Vue 2import { Input, Button, Modal } from 'ant-design-vue';export default { name: "BasicInformationOfUndergraduate", components: { 'a-input': Input, 'a-button': Button, 'a-modal': Modal, }, ...
2021-06-23 10:52:55
2036
原创 Ant Design Vue Modal对话框设置z-index
对于对话框的 z-index 尝试过自己写 style 样式 但没有生效原来对话框内置了 z-index 的 API 供调用默认值取得是1000<a-modal :zIndex="1001">
2021-06-04 09:05:49
4278
原创 微信小程序使用wx:for时flex布局不生效
<view class="flexDemo" wx:for="{{4}}" wx:key="id"> <image src="/images/logo.png" class="imageCSS"></image></view>.flexDemo { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 150rpx; margin-b
2021-06-01 09:58:44
1593
3
原创 git 修改远程仓库地址
开发项目的远程仓库地址变了，想再更新代码的话需要修改远程仓库的地址，步骤如下：打开项目所在目录，点击查看，勾选隐藏的项目打开 .git 文件夹config 文件右键用记事本打开修改url地址为新的仓库地址即可，注意后缀带有.git保存关闭后重新打开Git即可...
2021-05-25 15:20:02
445
原创 Vue3 TypeScript 子传父 emit 的使用
和 Vue2 子传父案例简单入门 相比，Vue 3 子传父的 emit 使用略有不同，同样 通过 Father.vue 和 Child.vue 展示首先是 Child.vue，重点在 setup 函数中引入 context 形参，配合 emit 使用。定义了两个函数，toFatherNum(), toFatherObject() 分别向父组件传递数字和对象<template> <a-button @click="toFatherNum">子传父数字</a-button&
2021-04-24 10:30:17
4924
原创 Ant Design Vue 表格无法编辑解决方案
一个简单的需求：直接编辑表格中的内容，比如顺序号这一项但始终无法编辑，查了好久终于发现问题出在表格绑定的数组 data 上，它不是响应式的const data = [ { key: '1', name: 'John Brown', age: 32 }, { key: '2', name: 'Jim Green', age: 42 }, { key: '3', name: 'Joe Black', age: 33 }, ];得做成响应式才行！const data = re
2021-04-21 15:02:24
1801
原创 Ant Design Vue Select 选择器隐藏下拉菜单
根据业务需求，不想让下拉框展示出来，本想自己修改样式原来 Ant Design Vue 已经为我们写好，使用参数 open 即可，可控制是否展开下拉菜单:open="false"<a-select mode="multiple" v-model:value="formState.name4" class="formLength" placeholder="请点击选择按钮" :open="false">...
2021-04-20 20:29:58
4993
原创 View UI 定制主题安装 less 报错及踩坑记录
View UI定制主题地址使用的是推荐的变量覆盖方法，新建目录如 my-theme，在 my-theme 下新建 index.less，然后在入口文件 main.js 内导入这个 less 文件，这些都做好之后，因为项目没有安装 less，开始了报错之旅简单易懂版：安装 less 后各种报错出在 less 和 less-loader 的版本上，安装时不指定版本我这里显示 + less-loader@8.1.1，+ less@4.1.1，需要降低版本才行，比如 + less-loader@5.0.0，+
2021-04-16 09:55:15
786
原创 Rodin 安装 SMT Solvers 插件
Help => Install New Software和 ateliter B 等插件不同，直接搜索 SMT Solvers 是搜不到的，需要点击 –All Available Sites–等待加载，在下面的输入框中搜索 smt，终于找到 SMT Solvers勾选，点击 next 进行安装点击finish页面右下角显示还在安装中，耐心等待...
2021-04-09 11:39:44
5291
6
原创 windows 安装 JDK11
安装一个软件提示 You need to have a 64-bit Java JRE (version 11 or later) installed on your computer，于是开始了 Java 环境的安装。Java SE Development Kit 11 Downloads 下载地址自行搜一下Oracle官网账号密码，登录后即可下载下载完成后开始安装即可，我的默认安装目录是 C:\Program Files\Java\jdk-11.0.10，也可以选择更改安装到其他路径，点击
2021-04-08 21:44:49
378
原创 JS 数组方法 forEach 和 map 比较
查阅了一些 JS 数组方法 forEach 和 map 的资料，简单整理了一下供各位参考map 方法const arrMap = [1, 2, 3, 4, 5];const arrMapModified = arrMap.map(num => num * 2);console.log(arrMap);// [1, 2, 3, 4, 5]console.log(arrMapModified);// [2, 4, 6, 8, 10]map 方法原始数组 arrMap 不会改变，分配存储空
2021-04-07 20:07:13
202
原创 TS2532: Object is possibly ‘undefined‘
TypeScript 的规矩很多，用起来很是严谨。定义了一个函数的接口，参数 x, y, z ( z可选 ) 均为number，返回值为 number 类型interface AddFunction22 { (x: number, y: number, z?: number): number;}const add3333: AddFunction22 = (x, y, z) => x + y + z;console.log(add3333(23, 546, 67));然后就报错：
2021-04-07 11:56:12
13833
原创 Ant Design Vue resetFields 表单重置不生效
使用 Ant Design Vue 的 resetFields 重置表单，当新增表单和编辑表单公用一套样式的时候， 编辑完成后点击新增还会出现老数据，如果只是简单的新增则一切正常，不知道各位有没有遇到这个问题几经搜索：发现 resetFields 作用不是清空表单，而是将所有字段值重置为初始值。因此点编辑时因为表单有初始值信息，修改完关闭后 resetFields 会保留初始值， 再次点击新增时就出现了难缠的老数据。改进方法： 点击新增时增加调用置空表单字段的方法function resetF
2021-04-02 17:05:39
6582
2
原创 Ant Design Vue 输入框绑定不上值解决方案
在使用 Ant Design Vue 练习动态增减表单项时，发现输入框无法绑定值，原因出在 <a-input> 标签的写法上。错误写法：<a-input v-model="item.value"></a-input>正确写法：在 v-model 后面增加 :value<a-input v-model:value="item.value"></a-input>...
2021-04-02 15:02:07
5392
5
原创 antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key
用了 Ant Design Vue 之后，遇到了一些 iView 中没遇到过的问题，只能一个一个解决。在使用 Table 组件渲染后台返回数据时，提示 antdv: Each record in table should have a unique key prop,or set rowKey to an unique primary key大致意思就是表格里每条数据都需要一个 key，只能满足它的要求 =_=原来的 a-table<a-table :dataSource="data1.dat
2021-03-21 11:28:38
4102
原创 ‘vite‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件
运行一个由 Vite 构建的 Vue3 项目，之前还好好的能正常跑，但拉取新代码之后再次执行 npm run dev 就提示 ‘vite’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。百思不得其解，最终解决方案如下：1、删除 node_modules 文件夹 和 package-lock.json 文件2、重新执行 npm i 安装依赖3、npm run dev 启动项目...
2021-03-21 10:47:59
80521
5
原创 Ant Design Vue 的 formRef.value.resetFields() 不生效
从 iView 转过来写 Ant Design Vue，还是有些不同的地方。比如在用 Form 表单时 发现清空表单功能竟然不好使了<a-form :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol" ref="formRef"> <!--没加name不生效！！相当于iView中的prop--> <a-form-item label="节点名称"> <a-input v
2021-03-18 10:59:30
4258
1
原创 Ant Design Vue 的 Select 选择器 placeholder 不显示
<span style="margin-right: 10px">节点类型</span><a-select v-model:value="value1" placeholder="请选择" style="width: 13%;margin-right: 25px"> <a-select-option value="jack">Jack</a-select-option> <a-select-option value="
2021-03-18 09:29:01
1447
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人