- 博客(17)
- 收藏
- 关注
RSS订阅原创 vue ul列表当前选中项高亮的一个变相用法
1.问题描述需求是对于列表中的图片，需要做到当前选中项高亮，这里需要改变的是背景图，和平时做的稍微有点不一样，不难但是也卡了我几分钟，现在记录一下2.代码html结构主要就是img的src属性动态指定，根据当前的index来判断，如果为当前选中的index，则高亮，高亮图片提前在保存数据的变量中导入。每一项li点击时的代码3.补充：值得记录一下的是，css有时可以灵活使用，flex布局可以结合margin等属性使用，比如下面这种布局可以使用flex结合index及margin完成...
2022-06-09 10:04:19
2784
1
原创 在使用事件总线传参时，出现了对应页面的dom元素获取不到最新数据的问题
1.问题说明我在登录页面，登录成功后将登录角色名传递到另一个组件（layout.vue），然后该数据要在layout.vue文件中使用，结果该数据的值一直是定义时的空2.上代码（1）在login.vue组件中，登录成功后发送该事件（2）在layout.vue文件中接收该事件（3）在dom元素中使用该事件（4）结果是loginRole值一直为空3.原因分析数据是接收到了，但是this.bus.bus.bus.on是异步方法，在loginRole发生变化前，dom元素已经加载完了。元素中使
2022-05-19 18:23:09
599
原创 在vue中实现导出后端返回的二进制流文件为本地的.xlsx文件
1.问题导出二进制流文件时出现问题2.分析前端可以接收二进制流文件，但是不能处理，所以打印出数据看起来是乱码，因此需要前端先指定返回数据类型，和后端相同则可以正常显示3.上对应vue文件导出函数的代码 // 导出 async exportData() { let data = await exportxls(this.form); // console.log(data instanceof Blob); let fileName = "预约记录"
2022-05-18 09:03:12
1075
原创 element-ui中一个单元格想要渲染两个后端返回字段的方法
1.困惑所在常规操作是，在columns数组中将需要绑定的数据字段名设为prop，这样通过item.prop可以直接获取到对应值。但当我需要绑定两个字段值，如果硬想着只能通过prop去取值就实现不了。2.解决方法：其实为每个字段都取名prop是为了在写代码时每一项的数据都可以使用item.prop的方法获取，简便代码。当有需要时，可以直接通过row.字段名去获取对应的数据，这样一行就可以获取多个字段的数据了如上，前端的字段名可以自己随便取，不一定要和后端一样，取数据时直接取用后端返回的字段名即可
2022-05-09 18:40:59
545
原创 element-ui的el-radio标签默认值不选中的原因
1.原因通常后台返回的数字都是Number类型，而直接使用label属性绑定的数据是字符串类型，所以默认不选中。2.解决办法在label前加：，使用动态绑定数据的方法，即可将1和0当做数字。（浅谈下标签用法：v-model绑定的status和label关联，status=1时，展示的radio项是label为1的项）<template> <div> <el-radio-group v-model="status" @change="valChange">
2022-05-08 15:24:09
6566
原创 以el-select为例，说明element-ui中修改标签样式的方法
**问题：**在element-ui框架中，很多元素不能直接修改样式。**使用场景：**需要切换select的option，并且每次切换时可以拿到对应城市的id，以发送网络请求展示不同数据，此时对样式进行修改。解决步骤：1.默认select标签被渲染到和app元素同级，所有首先通过:popper-append-to-body="false"将该元素放到app元素下级。顺便说下，封装的select类似于原生的select，在change事件中可以拿到通过v-model绑定的value值（即当前选中项的
2022-04-22 16:20:48
3987
原创 eslint快捷使用
1.在创建项目的时候，选择安装ESlint2.为了平时减少错误提示，可以在webpack配置文件中暂时关闭代码检测3.关闭后平时敲代码不会报格式错误了，当我们需要统一格式的时候，只需通过npm run lint 开启自动更正代码，即可自动修改代码中的格式问题，这样可以体验更好的使用eslint...
2022-03-25 23:40:26
102
原创 react-router-dom v6版本跳转路径的方法
说明：在V5中，可以通过withRouter包裹当前组件使得当前组件可以拥有其根组件的props属性，也即可以拿到history对象等，但在V6版本中，使用了useNavigate代替withRouter，当需要路由跳转时，可以更快捷的使用使用示例：1.引入useNavigate并且定义一个navigate2.在需要点击跳转路由的地方，直接在点击事件中使用navigate(),括号内加入需要跳转的路由path即可正常跳转...
2022-02-24 13:08:38
6275
4
原创 【无标题】路由组件跳转失败的问题，只能匹配到/路径
原因：自己引入的是哈希路由，在url中跳转的时候没有加#，太粗心了，找两个小时找不到原因代码：就是有两个组件，每次只能匹配到路径为‘/’的组件解决办法，跳转路径时加#
2022-02-23 13:51:43
200
原创 iconfont字体图标下载及使用方法
一、下载方法1.打开阿里iconfont，将所要下载的图标依次添加至购物车，然后点击右上角的购物车，点击添加至项目2.选择font class，点击下载至本地3下载后的文件应包括以下几项4.将打钩的文件保存至一个文件夹中，注意，这里如果缺少文件，需要从“项目中”的项目设置修改设置二、使用方法1.将iconfont放入css文件夹中，将其余文件放入一个文件夹中，注意，iconfont.css文件夹中的路径要与其余文件的路径对应：如下图：2.在引入字体图标的时候，需加两个类名，一个是默认的ic
2022-02-12 21:41:11
8034
1
原创 做前端项目时连接数据库的步骤及数据库异常的问题
步骤：1.打开PhpStudy，启动mysql连接2.打开Navcicat，在root目录（或其他）下新建数据库，在新建的数据库右键，运行Sql文件，选择本地已有的sql文件3.打开存放sql对应文件夹的根目录，打开命令行窗口，输入npm start启动，若连接成功则显示数据库连接成功，若报数据库异常，则需在config文件夹中的mysql.js文件中修改对应的用户名和密码（因为我们最初使用的是网上拷贝的，其密码和自己数据库密码不一样），见下图...
2022-01-20 22:10:04
5029
原创 “Switch is not exported from react-router-dom” 的解决办法
**问题：**使用标签时，报错“Switch is not exported from react-router-dom”**原因：**react-router-dom在V5升级到V6后，将标签用标签代替**解决办法：**改为标签，且component用element代替
2022-01-19 15:11:37
800
原创 favicon.ico不显示
静态页面中，title前的favicon.ico不显示的问题原因还不详。解决办法：清除浏览器缓存或者将favicon.ico文件重命名。
2021-10-21 09:47:49
646
原创 vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.
1，问题：vue渲染列表时报错Avoid using non-primitive value as key, use string/number value instead.2.原因：这个是由于v-for循环里，key值可能重复了，所以会报这个错。key值是必须唯一的，如果重复就会报错解决方法：可以把key值改为index或者id，就可以避免这个情况————————————————...
2021-05-04 10:37:33
242
原创 控制台报 [WDS] Disconnected！不影响代码运行。
1. 问题：Vue运行项目时，控制台报 [WDS] Disconnected！不影响代码运行。2. 解决方法：将config文件夹下的index.js中的host: '0.0.0.0',改为host: '127.0.0.1',重新启动，刷新页面或者重新启动即可3. 解释：因为用了全局代理软件，所以要把host:改成127.0.0.1附：全局代理，连接成功以后，您本机的IP地址全部改变了（即是代理地区的IP）局部代理，只是针对浏览器或软件改变，查询到的ip还是本地的，但能正常访问国外的网页（注：局部
2021-04-27 21:45:07
2141
原创 关于cpp文件调用别的文件中定义的类问题
1.问题：项目中aaa.cpp文件使用了一个在xxx.h中声明的类，但是项目中只有xxx.h，没有定义该类的xxx.cpp，为什么aaa.cpp还能够使用该类2.原因：定义该类的cpp文件被打包成库文件了3.好处：通过使用 DLL，程序可以实现模块化，由相对独立的组件组成，这有助于促进代码重用和内存的有效使用...
2021-04-15 10:30:29
177
原创 supervisor指令代替node指令启动时遇到的执行不信任脚本问题
supervisor指令代替node指令启动时遇到的执行不信任脚本问题1.以管理员身份打开powershell，路径如下C:\Windows\System32\WindowsPowerShell\v1.0\powershell.exe2.输入指令set-ExecutionPolicy RemoteSigned会提示是否执行不信任的脚本，输入yes3.在node终端重新输入superviso指令，可正常启动...
2021-03-31 11:27:07
93
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人