zt199718的博客

js 防重

zt199718 — Wed, 30 Aug 2023 14:20:42 +0800

防止重复点击

uniapp富文本图片预览

zt199718 — Tue, 29 Aug 2023 10:28:08 +0800

富文本预览图片

[vue-router] “path“ is required in a route configuration.

zt199718 — Mon, 28 Feb 2022 10:56:50 +0800

在路由配置中出现了{}的配置就会报错在主路由中配置{}，找不到path路径在children中配置}{}，找不到path路径

元宇宙-一个新的世界

zt199718 — Fri, 03 Dec 2021 22:56:34 +0800

概述当世界不断地变化，科技不断地发展，当我们的应用由上90年代的电脑到21世纪的手机，人类与世界的交互从现实世界不断向虚拟化靠拢。由此衍生的VR、AR，就是现实世界虚拟化的产物，那么什么是元宇宙，根据我的了解，我的认识是，元宇宙就是VR、AR中你能看到的，现实与虚拟的交互。 2.期待元宇宙 ...

vue-antdv一个场景

zt199718 — Tue, 16 Nov 2021 16:52:45 +0800

后台管理系统用户（给用户配置角色）角色（每个角色有不同的菜单和部门）问题我在新增和修改功能已经写好的情况下，然后被告知接口需要将上级菜单一起传入，在新增角色配置菜单和部门的时候（tree组件），只能拿到勾选的部分，但是实际上我需要的是勾选的以及和他有关联的父级。以及如何选中之后，将我显示的和我传给接口的分开（问题1）。在修改角色配置菜单和部门的时候如何回显（问题2）。 2个小问题，只是总结一下使用antd过程中的一些思路获取父级（新增功能）在tree组件中有个方法check 定义了两个

vue动态路由中路由信息存入缓存中的问题

zt199718 — Tue, 16 Nov 2021 16:11:19 +0800

动态存储路由信息当我们将动态路由信息存入缓存中（或者vuex实现持久化数据存储）时，在退出登录或token失效时需要将缓存清除（包括vuex存储的信息）。当拿到动态路由信息时，我们不要将处理成routes格式的信息存储到缓存，因为你再次拿到信息的时候，你会发现，路由可能还存在，但是对应的页面地址（component）已经没有了。解决方法：切换页面的时候重新请求将拿到的路由信息直接存储，在处理成routes格式之前，在需要的使用的时候，然后拿出来处理使用用。注意点，在一个对象中存在方法时，

vue中的动态路由

zt199718 — Thu, 21 Oct 2021 13:58:34 +0800

请求接口 function myRoutes(){ let token = localStorage.getItem("token"); let result = []; console.log(token); let data = { url: "sys/menu/nav", method: "get", headers:{"token": token}, params:{} }; return req.

vue3结合webpack创建项目

zt199718 — Thu, 09 Sep 2021 17:31:20 +0800

创建vue3.0项目+webpack 新建一个项目 vue init webpack mypro//注意名字可能命名会提示出错一个提示，关于vue2.0和vue3.0 输入提示命令 npm install -g @vue/cli-init 安装成功，再次输入新建一个项目命令（1） ...

Dart中数组定义必须用List

zt199718 — Thu, 02 Sep 2021 14:34:31 +0800

用Dart在尝试写访问数组中的对象中的数组时，用var定义数组当我们再访问这个获取到的数组对象时报错 3.将var换成List时将var换成List就对了，初学Dart，还不是很理解是什么原因

浮动元素中设置图片的垂直居中不生效问题

zt199718 — Mon, 30 Aug 2021 11:52:09 +0800

浮动元素设置行高不生效给父元素添加上float，并且设置高度=行高出现垂直方向上并不居中显示解决方法，使用定位，将盒子定位到居中位置其它可能思路，给图片加上一个盒子，这个盒子的宽高等于设置float的父元素，再用盒子高度=行高，没有实践，仅供参考，应该可以。衍生其它问题，浮动元素中的文本水平垂直居中，解决思路大概相同。 ...

由于一行文本溢出隐藏，导致的后面元素对齐的问题

zt199718 — Thu, 26 Aug 2021 14:22:21 +0800

文本溢出隐藏一行文本溢出隐藏 1.html

一行文本溢出隐藏了

2.css .username{ width: 62px; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis; } 解决一行

JavaScript this的指向问题

zt199718 — Thu, 26 Aug 2021 12:01:50 +0800

1.this总结普通函数调用时，this指向的是window 作为事件调用的时候，this指向的是调用他的那个对象作为构造函数调用时，this指向的是构造函数实例化的那个对象 2. this在实际开发中可能遇到的问题在实际开发中（vue项目中），在我们如果在函数中调用函数时，这个函数如果是普通函数，里面使用了this的时候，那么要看这个this是否是全局的this，如果不是，那么需要定义一个参数，将全局的赋值给他，然后在内部使用。在实际开发中，最容易忽略的往往是请求中如果有this，那么也可以

在vscode中tes命令报错的解决办法-typescript命令运行报错

zt199718 — Tue, 24 Aug 2021 18:11:09 +0800

用管理员身份启动vscode 打开终端输入命令 get-ExecutionPolicy 如下再输入命令 set-ExecutionPolicy RemoteSigned 如果正常，就没问题，如果报错如下再输入命令 set-ExecutionPolicy -Scope CurrentUser 在如图位置输入 RemoteSigned就可以了 ...

华为手机自带浏览器的显示问题

zt199718 — Mon, 23 Aug 2021 12:02:50 +0800

使用way-item这种css类名命名方式，在华为自带浏览器中会有时会导致页面完全没有显示的问题（空白），其它手机浏览器是正常显示的。但是只要将way-item这种命名方式成驼峰命名wayItem这样，页面就能正常显示。为什么有时会出现这种问题？我也不太清楚 ...

vue中显示隐藏的两种指令以及数据页面加载时报错解决

zt199718 — Mon, 23 Aug 2021 11:56:23 +0800

显示隐藏 v-if v-if是通过控制dom节点的存在与否来控制元素的显隐，不需要高频切换的时候更多的使用。 v-show v-show是通过设置DOM元素的display样式，block为显示，none为隐藏；v-show只是简单的基于css切换；需要高频切换的时候更多的使用。总结：综上所述，当我们在页面中，如果需要非常频繁地切换某个节点，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。v-if有更高的切换消耗；v-show有更高的初始渲染消耗。 v-if能够解决在页面上

vue插槽Slot

zt199718 — Tue, 17 Aug 2021 16:54:19 +0800

插槽默认插槽父组件我是默认插槽1-这是父组件传入的值子组件

默认值1

具名插槽父组件