- 博客(19)
- 收藏
- 关注
原创 react父子组件传参
子组件传值给父组件:1.父组件先传递一个函数给子组件 2.子组件接收父组件传递过来的函数,并且进行调用传参。name address age 这三个属性就是要传递给子组件的值。在父组件中引入 子组件 并且使用,根据props的形式来进行传值。首先我们需要创建一个父组件及子组件,如下图:(函数组件)1.文件后缀是以 jsx结尾,首字母需大写。2.函数父组件接收值。
2024-04-01 16:36:28
453
原创 vue后台表单(联系电话和时间选择器的自定义校验规则)
如果我们选择绑定值的格式化是年月日类型的,以下是我们的校验规则处理。2.时间选择器组件的自定义校验规则。1.联系电话的自定义校验规则。
2023-06-30 10:47:51
583
原创 Eslint(ESLint + Prettier)插件页面报错 Delete `␍`
ESLint是一个静态代码分析工具,可以帮助开发者检查代码中的语法错误、代码风格、潜在的错误等问题。ESLint通过插件的方式提供了丰富的语法检查和代码风格规则,可以根据需要进行自定义配置。Standard config和Prettier都是ESLint的插件,用于提供代码风格的规范。插件,所以我们在写代码的时候页面会出现 Delete `␍`报红错误。因为我们创建vue项目时开启了Eslint并且安装了。
2023-05-17 17:44:42
950
原创 vue项目实现pc端的屏幕适配
5.配置插件(如果我们直接在vue.config.js中配置的话,重启项目会报一个 plugins的错误,所以我们可以在根目录下新建一个文件:postcss.config.js)又或者:根据自己的屏幕宽度的需求来调整if里面的判断。4.更改好源码以后,在全局文件main.js中引用。3.更改flexible.js 中的源码。2.在根目录下面找到该文件。1.首先下载第三方插件。
2023-05-17 16:11:33
1525
1
原创 使用mock.js模拟网络请求
6.在src下新建utils文件夹,里面新建axios.js文件来封装一个网络请求。5.再mock文件夹下新建mockServe.js文件。login.json 文件(模拟响应回来的数据)7.封装接口API,src目录下新建文件夹api,3.在全局文件 main.js中引入axios。8.在需要使用的页面调接口即可。1.安装mock.js。
2023-05-05 15:10:03
698
原创 微信小程序实现输入内容生成二维码(canvas)
当我们文本框输入内容时,点击以下的生成二维码按钮,下方要显示生成二维码完成(二维码画布还可更换背景和前景颜色)默认的背景颜色是 #fff 前景颜色是 #000。1.4: 声明 用画布内容区域生成导出一个指定的大小图片 的方法。1.2:声明 获取可使用屏幕的宽高度的方法(px)5.当我们文本域的值发生改变时,也要渲染到视图层。2.在我们需要使用的页面的js文件中引入该文件。4.先声明一个方法来解决中文乱码的问题。1.封装好的QRcode的js文件。1.3: 声明创建画布的方法。
2023-04-26 15:25:05
1915
原创 微信小程序报错:Cannot read property ‘toString‘ of undefined at Yw.fillText
原因:fillText括号里面第一个参数是字符串形式(填充的文本),虽然txt打印出来的是字符串格式但是还是报错 加上。这行代码即可(隐式转换)
2023-04-13 14:46:22
829
原创 创建vue3+vite项目,使用element-plus更换组件主题颜色
5.在src文件夹下新建问价 styles/element/index.scss。6.在新建的styles/elment/index.scss文件书写。7.在配置文件vite.config.js引用。8.页面上使用element-plus组件。1.新建项目:打开cmd 输入创建命令。3.下载element-plus组件。4.在main.ts中完整引入。3.1还另外需要首安装。这两款插件(自动导入)
2023-04-06 16:35:09
1012
1
原创 子路由路径加 / 和不加 / 的区别
而我们在页面实现路由跳转如下图所示。则我们在页面上实现路由跳转如下图。2.如果子路由路径不加 /1.如果子路由路径加 /
2023-04-03 14:10:32
204
品优购首页导航栏的下边框为什么会在头部区域的位置上
2021-06-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人