- 博客(53)
- 收藏
- 关注
原创 解决el-input无法输入的问题和表单验证失败问题
1、在el-input组件中使用v-model进行双向数据绑定2、有时,你会发现我们进行了双向数据绑定了,但是el-input还是无法输入,我们就要使用绑定input事件,然后使用$forceUpdate方法强制刷新,这样子会解决我们el-input无法输入问题,但是这会带出一个新的问题,那就是表单无法进行验证等一些问题。3、使用$forceUpdate方法强制刷新 ,表单验证失效(表单已经输入值,表单验证显示为空),由于此次表单是动态添加的,rules也需要动态添加
2024-03-20 10:18:21 1328
原创 vue中iframe标签跨域通信——父子页面之间传值(解决子页面收不到父页面的值或子页面收到的数据为undefined的问题)
解决子页面收不到父页面的值或子页面收到的数据为undefined的问题;背景: 初始化时,父页面发送数据给子页面,需要在子页面加载完成后发送,不然接收不到数据。父页面直接给子页面postMessage发送消息,但是子页面收不到数据;在iFrame.onload函数中发送消息,依旧未收到消息。解决思路:子页面向主网页发送消息,告诉它子网页加载好了,然后主网页再发送消息给子网页进行处理,这样虽然会多一些交互代码,但可以精确地执行交互。
2023-12-15 17:34:18 2458
原创 js-cookie的使用
单独封装一个cookie存储删除的方法js,在其它页面可以直接引用,这样代码维护行会比较高。本人封装在src\utils\auth.js文件。
2023-11-22 12:45:38 7269 3
原创 本地存储的多种方式:cookie、localStorage、sessionStorage对比
在前端开发中,偶尔需要存储一些如: 用户信息、登录状态、历史记录等常量数据。用于后续二次调用,并且避免刷新后丢失。这时,就需要用到本地存储了。
2023-11-22 12:36:50 7510 1
原创 前端页面根据后端返回的文本将换行符(“↵”)进行换行展示
前端页面根据后端返回的文本将换行符(“↵”)进行换行展示:有时我们会遇到这种情况,后端传递了一大段包含了回车符的文本内容,前端展示的时候所有文字堆在一起,没有换行展示。以下四个方法可以解决以上问题。
2023-10-20 11:09:17 1947
原创 Element-ui el-table 使用 SortableJS 实现表格拖拽
Element-ui el-table 使用 SortableJS 实现表格拖拽
2023-10-10 15:08:32 3105
原创 gitee密码修改之后,本地git push报错
gitee密码修改之后,本地git push报错:remote: [session-1b493a9a] lhy: Incorrect username or password (access token) fatal: Authentication failed for 'https://gitee.com/lhy/notes.git/'
2022-11-27 19:38:33 809 1
原创 vue(移动端)使用高德地图实现精准定位
点击城市进入页面二 (粗略定位),搜索框输入具体位置(以大连理工大学为例)使用别的方法跨页面传递数据,需要对页面一二获取与存入数据进行更改。点击大连理工大学,回到页面一,并展示精准位置。见如下文章,一、创建应用获取key,二、配置。三、高德地图创建应用获取key及使用前配置。页面一(路由:path:"/home")页面二(路由:path:"/map")再次点击位置,进入页面二精准定位地图。二、移动端配置(不配置也可用)vuex(实现跨页面传递数据)路由根据自己实际情况更改。
2022-11-22 16:34:42 6946 4
原创 vue页面刷新报错Cannot GET /...,控制台报错404:GET http://localhost:8080/... 404 (Not Found)
vue页面刷新报错Cannot GET /...,控制台报错404:GET http://localhost:8080/... 404 (Not Found)解决方法。拓展:hash与history区别
2022-11-19 14:38:20 3705
原创 React的移动端项目打包成手机的app软件apk格式
将React的移动端项目打包成手机的app软件apk格式的。hbuilderx 云打包
2022-11-19 00:11:00 2285 1
原创 vue项目打包成dist文件夹之后后端请求报404错误解决方法
背景:前端Vue项目打包后部署在服务器上,而后端接口在另外一台服务器。本地生产环境运行时因为在Vue中配置了proxy代理,所以项目运行正常。找了好多方法,并进行了归纳,本文仅提供思路,方便自己以后遇见同样问题有思路,文章会不断完善,若未能解决问题,请见谅!整理了几个博主写的比较清晰的解决方法。
2022-11-17 00:17:21 5625
原创 vue项目npm run build打包dist文件及打包后空白的解决方法
要想将vue的移动端项目打包成手机的app软件apk格式,首先要将项目打包出dist文件。若空白查看一下配置,可能是配置有错误,(本人用的情况一配置空白,换成了情况二的配置,成功解决!!)
2022-11-15 17:35:43 10039 8
原创 git克隆问题:error: RPC failed; curl 18 transfer closed with outstanding read data remaining...
git克隆文件错误:error: RPC failed; curl 18 transfer closed with outstanding read data remainingerror: 2480 bytes of body are still expectedfetch-pack: unexpected disconnect while reading sideband packetfatal: early EOFfatal: fetch-pack:
2022-10-14 22:52:20 580
原创 vue期望值与实际值比较:折线图
vue期望值与实际值比较:折线图;功能:点击上方对应按钮,下方相应的数据图可隐藏/显示;鼠标移动到的位置数据会显示
2022-10-14 22:21:47 497
原创 vue中引入echarts 报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
Echarts 5.x 不再支持上面的引入方式,这一点Echarts官网(升级指南)有说明。
2022-10-07 11:05:17 2160
原创 windows将已安装的nodejs高版本降级为低版本(使用nvm来管理node.js的版本)及过程中遇见的问题
windows将已安装的nodejs高版本降级为低版本及过程中遇见的问题,使用nvm来管理node.js的版本真的很方便,这样就可以根据自己的需要来回切换node.js版本!
2022-08-14 12:42:34 3238 3
原创 nvm use (node版本号)时报错: exit status 1: ��û���㹻��Ȩ��ִ�д˲�����
nvm use (node版本号)(例:nvm use 14.18.2)时报错:exit status 1: ��û���㹻��Ȩ��ִ�д˲�����
2022-08-14 09:54:29 3141
原创 nvm ls available 查看可用的node.js版本号 报错:Could not retrieve https://nodejs.org/dist/index.json. Get h
Could not retrieve https://nodejs.org/dist/index.json.Get https://nodejs.org/dist/index.json: net/http: TLS handshake timeout
2022-08-14 09:47:10 2354
原创 Git 安装
Git 安装实验室功能,技术还不成熟,有已知的bug,不要勾选,然后点击右下角的Install按钮,开始安装Git。修改Git的环境变量,选第一个,不修改环境变量,只在GitBash里使用Git。默认分支名设置,选择让Git决定,分支名默认为master,下一步。选择Git终端类型,选择默认的GitBash终端,然后继续下一步。Git的默认编辑器,建议使用默认的Vim编辑器,然后点击下一步。选择Git的凭据管理器,选择默认的跨平台的凭据管理器,然后下一步。...
2022-07-19 16:50:44 59
原创 js携带参数实现页面跳转
js携带参数页面跳转方法一:跳转路径携带参数方法二: sessionStorage传递sessionStorage属性允许在浏览器中存储 key/value 对的数据,但sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。......
2022-06-06 21:57:13 14751
原创 vue create报错: throw new Error( ^ Error: Vue packages version mismatch
创建vue-cli3.0项目,vue create 项目名称,遇到如下错误:vue packages version mismatch的报错throw new Error( ^ Error:Vue packages version mismatch:- [email protected] (/Users/jyx/node_modules/vue/dist/vue.runtime.common.js)- [email protected] (/Users/jyx/.nvm/ve.....
2022-06-04 10:50:27 2059 1
原创 vue安装遇到的问题一:vue安装后使用npm list vue 显示empty的一种解决方法
安装vue时,遇到许多坑,在网上找了许多方法,把试验成功的方法总结了出来:vue安装后使用npm list vue 显示empty的一种解决方法
2022-06-04 10:22:07 9847 4
原创 React组件:组件生命周期
更多react知识:React专栏组件生命周期(★★★)目标 说出组件生命周期对应的钩子函数 钩子函数调用的时机 概述意义:组件的生命周期有助于理解组件的运行方式,完成更复杂的组件功能、分析组件错误原因等组件的生命周期: 组件从被创建到挂载到页面中运行,再到组件不在时卸载的过程生命周期的每个阶段总是伴随着一些方法调用,这些方法就是生命周期的钩子函数构造函数的作用:为开发人员在不同阶段操作组件提供了实际生命周期阶段创建时(挂载阶段) 执行时..
2022-05-25 14:21:18 204
原创 React组件进阶:组件通讯
更多react知识:React专栏目标 能够使用props接收数据 能够实现父子组件之间的通讯 能够实现兄弟组件之间的通讯 能够给组件添加props校验 组件通讯介绍组件是独立且封闭的单元,默认情况下,只能使用组件自己的数据。在组件化过程中,我们将一个完整的功能拆分成多个组件,以更好的完成整个应用的功能。而在这个过程中,多个组件之间不可避免的要共享某些数据。为了实现这些功能,就需要打破组件的独立封闭性,让其与外界沟通,这个过程就是组件通讯组件的props.
2022-05-20 23:02:50 388
原创 React组件综合案例:发表评论案例
效果图代码jsimport React from "react";import { createRoot } from "react-dom/client";// 引入cssimport './css/index.css'class Hello extends React.Component { // 初始化评论列表数据 state = { comments: [ { id: 1, name: 'jack', content:
2022-05-19 15:56:06 467
原创 微信小程序:多选框checkbox样式修改
众所周知微信小程序多选框默认为小方框,有时候看起来有些呆板,以下代码提供一些样式修改方法,具体样式可根据个人需求修改修改前后效果图对比修改前修改后代码wxml<view class="container"> <view class="page-body"> <view class="page-section page-section-gap"> <view class="page-section-title.
2022-05-17 19:42:16 3293
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人