- 博客(14)
- 收藏
- 关注
原创 vue3 报错 type check failed for prop “index“. Expected String with value “3“, got Numbe with value3
element-ui中菜单组件的index的值类型必须是字符串型,我绑定了index属性并且赋值为num数值类型,所以报错。只需要将:index属性值改为字符串型即可,
2022-08-30 14:17:21
1130
原创 vue3 基础学习
vue31.vite的基本使用创建项目npm init vite-app 项目名称 或 yarn create vite-app 项目名称安装依赖npm i 或 yarn启动项目npm run dev 或 yarn dev2.创建vue应用 在main.js中导入createApp函数 定义App.vue组件,导入main.js 使用createApp函数基于App.vue组件创建应用实例 挂载至index.html的#app容器 A
2022-02-28 16:05:48
579
原创 VSCode - setting.json配置 - Prettier、Vetur格式化和ESLint检查
{ "workbench.colorTheme": "One Dark Pro Darker", "workbench.iconTheme": "Monokai Pro (Filter Ristretto) Icons", "editor.fontSize": 16, "files.autoSave": "afterDelay", "liveServer.settings.donotShowInfoMsg": true, "[html]": { .
2022-02-27 13:48:11
462
原创 VSCode - setting.json配置 - Prettier、Vetur格式化和ESLint检查
vscode 前端最佳插件配置格式化代码时用到的插件ESLint(代码规范和错误检查工具)Prettier(代码格式化工具)Vetur(识别 vue 文件)EditorConfig for VS Code(定义项目的编码规范,编辑器的行为会与.editorconfig 文件中定义的一致,并且其优先级比编辑器自身的设置要高,这在多人合作开发项目时十分有用而且必要){ "workbench.iconTheme": "vscode-icons", //路径自动补齐 ...
2022-02-25 17:38:07
963
原创 小程序中的分页加载
话不多说,直接上代码定义数据 data: { currentPage: 1, pageSize: 10, }在事件函数中处理 getWaterLogList() { let { currentPage,pageSize } = this.data let query = { currentPage, pageSize } app.request('接口', query, res => { let list = re
2021-12-29 14:52:23
716
原创 微信小程序中使用echarts报错Cannot read property ‘setOption‘ of undefined
最近在开发小程序时遇到了报Cannot read property 'setOption' of undefined的问题,导致了在模拟器上能正常显示,在iOS上也可以正常显示,但是,倒了安卓手机就不能正常显示了原因 就是在页面渲染时,数据还没有加载完毕报错提示如下图所示解决方法在获取数据,处理数据的时候,加上一层定时器 ,就可以解决这个问题了原代码 chartLine1.setOption({ xAxis: { ...
2021-12-05 09:20:48
4374
2
原创 web 前端笔记博客链接
HTMLhttps://blog.youkuaiyun.com/wuyxinu/article/details/103515157https://blog.youkuaiyun.com/wuyxinu/article/details/103515157CSShttps://blog.youkuaiyun.com/wuyxinu/article/details/103583618https://blog.youkuaiyun.com/wuyxinu/article/details/103583618JShttps://blog.csdn....
2021-11-26 11:05:42
246
原创 小程序封装请求 (类似axios)
在与 app.js平级的目录中创建一个 utils 文件夹 ,在里面创建 request.js文件request.js 内代码const request = (url, mothod, data, headers = null, dataType = "json") => { let app = getApp(); let loginInfo = app.globalData.loginInfo; let token = ""; if (loginIn...
2021-11-26 10:53:41
370
原创 支付宝小程序中实现搜索输入提示关键字高亮显示
效果如下图所示输入框输入关键字 后台返回的提示信息直接上代码 对请求得到的数据进行处理 // 高亮搜索关键字 searchTap() { // 分割函数 let getInf = (str, key) => str.replace(new RegExp(`${key}`, 'g'), `%%${key}%%`).split('%%'); let hint = this.data.hint for (var i = 0; i <...
2021-11-26 10:33:04
1020
原创 vue-cli 全局axios使用
配置请求的前缀// main中引入import Vue from 'vue'import axios from 'axios'// axios全局配置Vue.prototype.$http = axios// 配置请求的根路径前缀 axios.defaults.baseURL = 'http://127.0.0.1:8080/api/XXXX/'组件中使用 axios请求this.$http.get( ‘请求接口’ ,{请求参数}) 返回的是promise as..
2021-11-26 10:14:26
563
原创 关于Vue报错(Property or method “xxx“ is not defined on the instance but referenced during render.)防踩坑
今天记录一下这个问题,在用vue写前端,在页面取值的时候,发现控制台一直报错控制台报错信息:错误信息:属性或方法“peoples”不是在实例上定义的,而是在渲染过程中被引用的。 通过初始化属性,确保此属性是反应性的,无论是在数据选项中,还是对于基于类的组件。前端代码:调用数据方法:数据存放 data :在这个问题中,因为peoples和formData是不同的数据来源,peoples不属于formData,因此不能写在它的里面,所以应该更改为...
2021-09-11 19:35:28
23641
4
原创 递归算法---将数组数据转化成树形结构
需要将列表型的数据,转化成树形数据,需要用到递归算法因此我们可以封装一个工具方法/** * * * 将列表型的数据转化成树形数据 => 递归算法 => 自身调用自身 => 一定条件不能一样, 否则就会死循环 * 遍历树形 有一个重点 要先找一个头儿 * ***/export function tranListToTreeData(list, rootValue) { var arr = [] list.forEach(item => {.
2021-09-10 09:48:23
623
原创 Git命令
在学习中总结的Git命令,方便以后查看1.仓库初始化git init2.查看文件的状态git statusgit status -s #精简的方式显示内容3.添加到暂存区git add 文件名字4.提交到仓库git commit -m "描述信息"5.撤销对文件的修改git checkout -- 文件名6.一次添加多个文件到暂存区git add .7.取消暂存区的文件git reset HEAD 文件 #单个文件git r...
2021-08-29 09:43:12
132
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人