2021年04月_qwe122343

原创 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 4899

原创 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 1774

原创 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 4920

原创 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 768

原创 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 5275 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 358

原创 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 193

原创 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 13793

原创 Ant Design Vue resetFields 表单重置不生效

使用 Ant Design Vue 的 resetFields 重置表单，当新增表单和编辑表单公用一套样式的时候，编辑完成后点击新增还会出现老数据，如果只是简单的新增则一切正常，不知道各位有没有遇到这个问题几经搜索：发现 resetFields 作用不是清空表单，而是将所有字段值重置为初始值。因此点编辑时因为表单有初始值信息，修改完关闭后 resetFields 会保留初始值，再次点击新增时就出现了难缠的老数据。改进方法：点击新增时增加调用置空表单字段的方法function resetF

2021-04-02 17:05:39 6532 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 5321 5

qwe122343的博客