- 博客(32)
- 收藏
- 关注
原创 vue2 devtools安装 vue3 devtools安装
我本地node版本是17.x.x,也不知道是不是网络受限制,从github上我只能找到devtools的版本都是7.x.x,down下来npm install时发现总是报错, 如下图,看着像是版本冲突问题,卸载了 然后通过安装其他版本的devtools 更换node版本 各种尝试发现都不能成功,于是放弃这种方式,通过直接npm install vue-devtools 方式安装插件。vue2那些老项目跑起来 可以使用dev-tools进行调试了,还有些vue3的项目没法用devtools调试,也安排上吧。
2024-10-30 13:38:06 226
原创 uniapp 图表点击当前x轴 显示位置不对问题
qiun-data-charts 秋云charts ucharts 图表点击tips提示错误 有的位置点击失效
2024-10-23 15:34:13 201
原创 ucharts 图例用view标签生成实现点击过滤图表数据
1.数据更新的方法最终找到了,数据更新使用的时_updataUChart方法,从百度上找到的基本上都是updataUChart,但是这个方法不适用这种组件引入的方式,换成 _updataUChart方法后需要传入 cid,通过设置在组件canvasId canvasId="uchartsRef" 作为参数,如果不设置的话有个默认值'uchartsid',最好是设置一下。1.导入秋云ucharts组件,在需要的地方引入组件 :canvas2d="true" 这个需要设置。
2024-10-15 13:46:03 241
原创 uniapp App云打包
4.打包完成,会在本地生成apk文件,把apk文件发到手机上,在手机上就可以安装了,我通过微信下载到手机上 打开文件时发现手机不能安装未知来源的应用,在文件管理中找到这个下载下来的apk文件进行安装后成功。1.配置uniapp AppID 这个是初建项目时自动生成的,如果是别人创建的项目则需要对方在DCLOUD开发者平台上对应的项目中添加自己到团队成员中。2.发行,晚上相关配置,云端打包比较方便,基本上没啥特殊配置,直接打包。
2024-10-09 11:02:32 326
原创 uniapp scroll-view滚动容器 里面子元素加margin 出现滚动条
使用uniapp scroll-view容器时 里面子元素加上margin上下边距之后出现纵向滚动条,可是元素高度并未超出容器高度,解决方案是子元素外层加壳子 通过padding设置边距。
2024-09-29 15:30:27 144
原创 nvm 安装node失败,问题原因解决方案
找到nvm目录下settings.txt文件中添加这两行,结果还是不行,还记得之前项目中安装依赖报错的时候是镜像源错误,后来知道是淘宝镜像源地址更改了,改成最新的正确的镜像源如下。请求失败,想着换成镜像源应该可以吧,然后在晚上找到配置镜像源。使用nvm能够正常安装node了。
2024-09-25 15:31:07 140
原创 vscode 去掉保存自动格式化
新下载的vscode 根据网上推荐安装了很多插件 下载了代码后只要已保存文件整个文件都被格式化了,别人的写的代码我只是稍作修改提交的时候一大片格式化修改 影响提交记录的查看,所以想着怎么能去掉保存自动格式化,经过尝试修改settings.json 中各种尝试后没有成功,后来不小心发现修改这个可以去掉自动格式化,未做过多探究,直接这样操作了。
2024-09-06 12:33:17 286
原创 vite 创建vue3项目 依赖安装完之后 npm run dev报错
终端npm run dev 之后报错如下,把node版本切换成15以上就能解决这个问题了。可以使用nvm 切换不同的node版本。
2024-09-05 19:33:06 404 1
原创 Eslint 9.2.0 安装依赖不兼容
且有提示信息建议安装8.56.0,卸载eslint重新安装制定版本npm i eslint@8.56.0, 再执行下面指令可解决。执行指令,报错,主要是执行下面指令时会安装一些依赖,这些依赖跟eslint新版本不兼容,vue3+ts项目初始化时引入eslint 直接安装的话版本是9.2.0,
2024-05-15 16:43:44 401
原创 vscode根据prettier设置的格式 保存自动格式化
第四步安装prettier依赖,根目录下新建.prettierrc.cjs文件,文件中配置格式,根目录下新建.prettierignore文件配置忽略格式化的文件。也可以再settings.json中配置"editor.defaultFormatter": "esbenp.prettier-vscode"。第二步设置默认格式 文件-首选项-设置-搜索default format-选择Prettier - Code formatter。4.安装prettier依赖,配置格式。
2024-05-15 16:25:24 1641
原创 学习尚硅谷vue3+ts项目初始化项目eslint不能生成.eslintrc.js的问题定位
跟着尚硅谷vue3+ts视频学习时 项目初始化配置eslint过程与老师生成的初始化文件不同的问题经过排查是因为eslint版本不同,eslint默认下载最新版本目前是9.2.0版本执行eslint初始化时直接生成eslint.config.js文件,降到8.57.0后仍然不能生成.eslintrc.js,为了跟老师操作相同,又将版本降至7.2.0版本初始化eslint配置文件时与老师相同。
2024-05-14 14:21:12 500 3
原创 彻底搞清楚路由传参
如果想通过组件props接收路由上的参数可以在路由配置中增加props:true来配合params传参,如果路由通过query传递参数,组件props接收参数,可以配置props函数来返回参数如下代码。如果需要通过组件props形式接收参数 路由配置需要props属性或props函数返回参数。使用params传参时,路由规则需要参数占位,只能使用命名路由的name属性进行跳转。使用query传参时 配置使用path 或者name 跳转都可以。以下都是以声明式导航为例。
2024-04-25 11:00:16 159 1
原创 uniapp 引入字体图标库
把刚才复制到static/iconfont文件夹下的iconfont.ttf编译成Base64 然后在iconfont.css中引入就可以了,此时运行项目发现编译报错,文件查找失败:'./iconfont.ttf?字体图标库下载好自己想要的图标,解压到当前文件夹中,然后放到项目目录static/iconfont文件夹下。我的iconfont.css中一共三个url都删掉,直接改成上面的就行。App.vue中引入css文件。
2023-10-18 17:19:50 282
原创 Vue组件中sync修饰符的用法
父组件中使用子组件 给子组件传递参数title值为父组件绑定的message,子组件中可以直接通过$emit直接发射事件改变父组件中对应的值 ,简化操作。想要在子组件中更改父组件中相应的值。
2023-08-24 10:57:24 130 1
原创 vue 组件初始化为啥不执行activated分析
结论:子组件在页面初始化时没有加载,而是通过异步请求方式来控制组件是否要加载 通过v-if来控制的,这样导致页面父组件已经初始化完成时子组件才开始渲染,从而不执行子组件的activated钩子函数。后延时函数换成new Promise函数后可以实现子组件初始化时执行activated,所以我弱弱的觉得是父组件执行activated之前渲染子组件,就可以初始化时触发子组件的activated。问题描述:页面初始化时即页面第一次打开或者刷新浏览器时,父组件会执行created和activated。
2023-04-14 09:54:23 5102 2
原创 vite 搭建 js+vue3 全家桶 (三)
vite 搭建 js+vue3 全家桶》系列全部完成, 其中包括vite创建vue3的js项目,集成vue-router+vuex+axios+sass的安装是使用方法,按照此方式已经搭建起一个基础的简单的项目结构
2022-08-27 11:48:57 1496
原创 vite 搭建 js+vue3 全家桶 (二)
vite搭建了一套基础的包含vue-router、vuex、sass、axios的基于js项目
2022-08-27 10:11:33 1423 2
原创 vite 搭建 js+vue3 全家桶 (一)
vite搭建了一套基础的包含vue-router、vuex、sass、axios基于js的vue3项目
2022-08-26 15:24:18 2164
原创 ES6 find 和 filter 的区别 every 和 some 的区别
ES6 find 和 filter 的区别 every 和 some 的区别
2022-08-22 11:34:46 341
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人