- 博客(15)
- 收藏
- 关注
原创 vite + react 相关配置
可能会报错:Internal server error: Failed to resolve import "antd/dist/antd.less" from "src/main.tsx". Does the file exist?3、安装less,结合antd进行配置,安装 less(切记,因为 less 没有在代码中 import,所以将其放在 devDependencies 中)同时修改一下tsconfig.json,让IDE能识别这个别名,加入paths。引入antd 在main.ts中。
2023-03-09 14:31:01
1521
原创 多表格嵌套怎么控制每一行,每一行的操作互不影响
多表格嵌套怎么控制每一行,每一行的操作互不影响;。问题: 设置改变后,失去响应式,数据不更新,用this.$set(),触发页面更新。展开或者收起,复选框恢复原样。table中selection复选框根据条件禁用某一行
2023-03-08 11:08:02
339
原创 new Map使用,根据不同值进行渲染
问题:如果一个404页面有不同的展示,比如详情页的404和个人页的404也许只是文字和图标的不同,我们可以利用new Map根据后端传来的code做出对应的展示。
2022-11-16 16:27:17
316
原创 可选链操作符 ?.
可选链操作符 ?. 允许读取位于连接对象链深处的属性的值,而不必验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为 null 或者 undefined 的情况下不会引起错误,该表达式短路返回值是 undefined当尝试访问可能不存在的对象属性时,可选链操作符将会使表达式更短、更简明。const obj = { a: 'foo', b: { c: 'bar' }}console.log(obj.b?.c) // 输出 b
2022-02-07 15:36:18
255
原创 多次点击只请求一次
问题:在弹窗中有个按钮,点击上线,会在列表中添加一条数据,然后弹窗消失。现在在点击按钮时,由于点击过快,在点击上线按钮到弹窗消失期间,导致请求了多次数据,造成了在列表多出了几次同一时间的信息。希望在上线按钮到弹窗消失期间,只请求一次。解决方法一:使用this.$nextTick(),nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,在dom中渲染后,自动执行该函数,在弹窗组件中的data定义一个flag,表示请求状态data() { .
2022-01-04 11:12:07
3117
原创 对Promise的理解
Promise是什么console.log(Promise)console.dir(Promise)// console.log()会在浏览器控制台打印出信息// console.dir()可以显示一个对象的所有属性和方法 2.new 一个 Promise实例出来var p = new Promise (function(resolve,reject){ // Promisede 的构造函数接受一个参数,是函数, //并且传入两个参数:resolve,reject .
2021-11-24 20:29:09
472
原创 Vue ---- 状态管理
介绍:集中式数据管理, 一处修改,多处使用,多个组件依赖于同一状态,来自不同组件的行为需要变更同一状态,生态环境给我们提供了官方插件vuex1.npm i vuex -S2import Vuex from "vuex" 打印console.log(Vuex) 得到Vuex 里的东西 ,Vuex 是个对象 里面有 store 类 ,map系列函数 ,通讯工具 1.store 类 打造状态管理实例 挂到vue根身上,控制整个vue应用的数据 ...
2021-11-12 22:00:15
849
原创 Vue非响应式情况
响应式系统:正确操作数据层(M层),视图层(V层)会发生变化,会响应。但是如果出现一些非法操作,M层发生变化,但V层不响应,下面我们就说说有哪几个情况1. 对数组使用了非变异方法 修改了原数组:变异 没有修改原数据,而是返回了新数组:非变异有哪些数组方法式非变异方法呢?有:arr.map() , arr.filter() , arr.slice() , arr.concat2. 修改了数组的长度3.修改了数组根索引上的值 ...
2021-10-25 19:37:11
1800
原创 javascript中数组的方法
数组的方法:专属于数组的函数。我们从以下几个方面分析,分别是功能、参数、返回值以及是否改变原数据arr.pull()功能:在数组最后新增 参数:要新增的数据 返回值:增加数据之后的数组长度 是否改变原数据:是 var arr = ["hello",4,5,6,"world"]; //原数组 console.lo...
2021-09-04 14:46:18
316
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人