- 博客(48)
- 收藏
- 关注
RSS订阅原创 #子传父&父传子props和emits #封装的table #vue3
父组件：emits defineEmits props。怎么说呢还是得多看多写。
2024-08-07 10:49:04
577
1
原创 vue3中provide 和 inject 用法#Vue3中解决局部刷新问题
像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，父组件使用 provide 提供数据，子组件或孙组件 inject 注入数据。在父子组件传递数据时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。使用之前，必须从 vue 显示导入 provide/inject 方法。
2024-07-19 15:31:02
626
原创 React18+Redux+antd 项目实战 JS
学习react，需要对js特别会，听说js会的人就不会觉得react难。vue框架对js的要求不是很高，因为里面有一些自定义的语法，怪不得我学的还算顺畅，呜呜。1.创建新项目 hotel-manager。3.删除没必要的文件，最后新建文件夹成这样。(2)新建Layout.scss。(4)新建Login.scss。（1）修改index.css。(1)新建Layout.js。（4）修改index.js。(3)新建Login.js。（3）清空App.css。4.修改里面的文件代码。（2）修改App.js。
2024-07-12 15:20:54
730
原创 带有子节点的树状表的父节点拖动排序#Vue3才发现对#Sortable插件一无所知
使用Sortable插件这里要保证获取到的是父节点的下标，属性newDraggableIndex获取到的就是只有父节点的下标。设置子节点不能被拖动，最后在逐个调用接口进行数据库中顺序的更新。
2024-07-09 16:47:10
371
2
原创 无子节点的表拖动排序#Vue3#Sortable插件
这里只需要保证row-key的值唯一就完事了，再利用Sortable插件获取到拖动的数据下标，然后调用接口对数据库的数据顺序修改。
2024-07-09 16:35:25
297
原创 Promise的.then&.catch&.finally方法#Vue3
不管promise最后的状态，在执行完.then或.catch指定的回调函数以后，都会执行finally方法指定的回调函数关闭加载图标。注意：与.then和.carth的使用方式一样，这个放在最后，一般是加载完成后执行的操作，比如下面的关闭菊花加载图标。
2024-07-09 16:16:47
814
原创 map方法替代forEach循环
发现之前写的都是狗屎，也许这个也会成为狗屎。总之有大佬带进步还是比较快的。呜呜继续干吧，干完就run。用到map()只需一行，之前操作数组用for循环遍历出来太麻烦了。还得是有个大佬带才能进步快。数组操作是前端最重要的数据操作，构造数组数据，重构解析数组又是数组操作中很常见的。2.案例二：取给定数组的某些字段重命名并组成新数组。1.案例一：取给定数组的某一字段组成新数组。一、map()是什么？
2024-07-09 16:03:50
362
原创 splice方法的使用#Vue3
splice(index,len,item)是vue中对数组进行操作的方法之一，可以用来删除，更新，和增加数组内容。更新，当参数形式为splice(index,1,item)时表示用新的值item更新替换掉下标为index的值。增加，当参数形式为splice(index,0,item)时表示在下标为index的位置增加一项值为item。删除，当参数形式为splice(index,1)时表示删除下标为index的内容。item:更新或增加的内容。index:数组下标。
2024-07-09 15:23:35
827
原创 使用#sortablejs插件对表格中拖拽行排序#Vue3#后端接口数据
这个只是表面功夫，后端数据库中的数据排序一直都没变，所以想要真正改变排序，还需要后端写个接口。
2024-06-06 14:41:58
591
原创 在当前页面拿到抽屉弹窗页面中从后端返回的值 #Vue3 #两个.vue页面之间传值问题
不知是否可以用子父组件在两个页面之间传值，试了一下好像并不能，也有可能是暂时不太会。如果有大佬看到，求指点一二！将抽屉弹窗里从后端返回得到的值缓存在浏览器中，在当前页面中从浏览器中获取该值。（原理其实就是借助第三个盒子来传递一下值，太小学生了感觉，而且会不会不太安全）
2024-06-04 16:54:05
537
原创 登录接口取到token，加到请求头中，通过服务器验证#Vue3
3.客户端收到 Token 以后可以把它存储起来，比如放在 Cookie 里或者 Local Storage 里。5.服务端收到请求，然后去验证客户端请求里面带着的 Token，如果验证成功，就向客户端返回请求的数据。2.验证成功后，服务端会签发一个 Token，再把这个 Token 发送给客户端。4.客户端每次向服务端请求资源的时候需要带着服务端签发的 Token。1.服务端收到请求，去验证用户名与密码。
2024-05-15 16:14:03
1817
原创 Apifox接口报错401，msg:“未授权”
二、打开根目录找到token，将登录的token值拷贝过来，点击保存。三、重新发送查询接口，获取token成功。一、打开登录接口，找到token。
2024-05-15 14:11:27
2169
原创 elememt-plus的表格的增删改查#Vue3无需json数据，无需后端接口
【代码】elememt-plus的表格的增删改查#Vue3无需json数据，无需后端接口。
2024-05-14 13:35:59
412
原创 表格样式scss #elementUI#增删改查（调用本地json数据&调用后端接口数据）
【代码】表格样式scss #elementUI#增删改查（本地json数据&后端接口数据）
2024-04-30 16:01:07
160
原创 下拉选择框（本地json数据&调用后端接口两种方式），打印选中项 #Vue3#ElementUI
【代码】下拉选择框（本地json数据&调用后端接口）#Vue3#ElementUI。
2024-04-30 15:48:06
668
原创 Vue3 + Vite + TS + Element-Plus + Pinia 项目准备(json-server模拟数据接口)#喂吃版
1.在tsconfig.node.json文件中修改。2.同上，在tsconfig.json文件中修改为。我在d:\vue\里面保存项目。
2024-04-11 16:17:25
1555
原创 Vue3的项目开发准备vscode
（3）使用npm init vue@latest下载vue包 （create命令是vue2的安装命令也能用）(2)直接点【Next】按钮，此处可根据个人需求修改安装路径，修改完毕后继续点击【Next】按钮（（7）测试安装是否成功，按下【win+R】键，输入cmd，打开cmd窗口。（3）可根据自身需求进行，此处我选择默认安装，继续点击【Next】按钮。（1）下载完成后，双击安装包，开始安装Node.js。（1）更换下载vue的地址或者盘符（d:）（6）安装完毕，点击【Finish】按钮。
2024-03-25 10:22:04
2033
原创 初学者搭建vue环境遇到的问题解决
2、清除npm缓存（如果你已经更改了系统时间，但问题仍然存在，那么可能是因为npm的缓存中的证书已经过期。你可以使用以下命令来清除npm的缓存）3、更新npm（如果以上步骤都无法解决问题，你可能需要更新npm。你可以使用以下命令来更新npm）1、检查系统时间（检查你的系统时间是否正确。你可以使用以下命令来查看和设置系统时间）文件hello_vue3路径（在之前搭建的d盘保存）4、创建vue3 速度就可以了！
2024-03-01 16:21:28
437
原创 Origin画多变量三维柱状图
生成的图中，发现y轴不是自己想要的。接下来调整y轴刻度值。2.选中整张表，点击绘图 -> xyy 3D条状图。3.新增一y列，输入自己想要的y轴刻度值。4.生成的多变量三维柱状图（5×25）1.创建xyy表（至少一个y以上，我这里定义了25个y；
2023-10-16 13:18:29
5499
1
原创 免费加速百度网盘的下载速度#两种方法#使用Cheat Engine#网盘设置
2.在进程中找到正在进行的百度网盘进程，第一个加速不了，就换另外的试试。4.肉眼可见下载总进度变快了，虽然网速显示还是kb，但这不影响大局哈哈。1.打开Cheat Engine。3.单击修改速度，直接拉到最大。
2023-09-11 19:54:53
10864
4
原创 LeetCode58题 最后一个单词长度 C语言
LeetCode58题 最后一个单词长度 C语言最后一个单词的长度给你一个字符串 s，由若干单词组成，单词之间用空格隔开。返回字符串中最后一个单词的长度。如果不存在最后一个单词，请返回 0 。单词 是指仅由字母组成、不包含任何空格字符的最大子字符串。示例 1：输入：s = “Hello World”输出：5示例 2：输入：s = " "输出：0提示：1 <= s.length <= 104s 仅有英文字母和空格 ’ ’ 组成C语言代码#include <st
2021-02-06 10:49:00
471
原创 LeetCode38题 外观数列 C语言
LeetCode38题 外观数列 C语言外观数列给定一个正整数 n ，输出外观数列的第 n 项。「外观数列」是一个整数序列，从数字 1 开始，序列中的每一项都是对前一项的描述。你可以将其视作是由递归公式定义的数字字符串序列：countAndSay(1) = “1”countAndSay(n) 是对 countAndSay(n-1) 的描述，然后转换成另一个数字字符串。前五项如下：111211211111221第一项是数字 1描述前一项，这个数
2021-02-05 19:02:58
826
1
原创 LeetCode53题 最大子序和 C语言
LeetCode53题 最大子序和 C语言最大子序和给定一个整数数组 nums ，找到一个具有最大和的连续子数组（子数组最少包含一个元素），返回其最大和。示例 1：输入：nums = [-2,1,-3,4,-1,2,1,-5,4]输出：6解释：连续子数组 [4,-1,2,1] 的和最大，为 6 。示例 2：输入：nums = [1]输出：1示例 3：输入：nums = [0]输出：0示例 4：输入：nums = [-1]输出：-1示例 5：输入：nums = [-100
2021-02-05 17:03:18
218
原创 LeetCode28题 实现strStr() C语言
LeetCode28题 实现strStr() C语言实现 strStr()实现 strStr() 函数。给定一个 haystack 字符串和一个 needle 字符串，在 haystack 字符串中找出 needle 字符串出现的第一个位置 (从0开始)。如果不存在，则返回 -1。示例 1:输入: haystack = “hello”, needle = “ll”输出: 2示例 2:输入: haystack = “aaaaa”, needle = “bba”输出: -1说明:当
2021-02-03 22:14:26
185
原创 LeetCode27题 溢出元素 C语言
LeetCode27题 溢出元素 C语言移除元素给你一个数组 nums 和一个值 val，你需要 原地 移除所有数值等于 val 的元素，并返回移除后数组的新长度。不要使用额外的数组空间，你必须仅使用 O(1) 额外空间并 原地 修改输入数组。元素的顺序可以改变。你不需要考虑数组中超出新长度后面的元素。说明:为什么返回数值是整数，但输出的答案是数组呢?请注意，输入数组是以「引用」方式传递的，这意味着在函数里修改输入数组对于调用者是可见的。你可以想象内部操作如下:// nums 是以“引
2021-02-03 21:26:18
182
原创 LeetCode35题 搜索插入位置 C语言
LeetCode35题 搜索插入位置 C语言搜索插入位置给定一个排序数组和一个目标值，在数组中找到目标值，并返回其索引。如果目标值不存在于数组中，返回它将会被按顺序插入的位置。你可以假设数组中无重复元素。示例 1:输入: [1,3,5,6], 5输出: 2示例 2:输入: [1,3,5,6], 2输出: 1示例 3:输入: [1,3,5,6], 7输出: 4示例 4:输入: [1,3,5,6], 0输出: 0C语言代码#include <stdio.h>#
2021-02-03 20:52:20
186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人