随笔分类 -  Vue

关于在 vite 中无法使用绝对地址动态导入的问题
摘要：碰到一个贼无语的问题，有一个项目，需要使用虚拟键盘，找到了一个自称能在 vue 3 使用的，还能导入词库，看起来挺好，装完一用。好家伙，报错一环接一环，给我整无语了。但是市面上已经没有另外一款带中文的虚拟键盘了，只能捏鼻子下载下来自己改了。 整了半天，终于让组件能在 vue 3 + TS 下跑了，一 阅读全文
posted @ 2023-04-14 15:06 FreezeNow 阅读(1542) 评论(1) 推荐(0)
关于在 vue 3 和 vue router 中使用 transition 过渡动效的 mode 属性导致页面跳转空白的问题
摘要：先放结论：不要在路由组件的 template 块中使用多个根标签，注释也不行。 今天碰到一个奇葩的问题，后端告诉我说，进入特定页面后，跳转其他页面均会白屏，刷新后就会加载。 一开始我以为是菜单的问题，搞鼓了半天，发现没什么问题。之后我又以为是路由的问题，发现只要移除了 transition 的 mo 阅读全文
posted @ 2023-03-24 17:21 FreezeNow 阅读(1299) 评论(0) 推荐(1)
关于如何在 vue 开发服务器中开启被浏览器信任的 https
摘要：今天碰到个需求，需要在微信公众号网页中扫码。虽然微信提供了扫码的功能，但是根据我之前的开发经验，调试起来极其麻烦，所以这次就想直接打开摄像头。 那么，根据 MDN 上的描述来看，就需要开启 HTTPS，简单的将 vue.config.js 的 devServer 的 https 属性设为 true 阅读全文
posted @ 2023-03-15 14:17 FreezeNow 阅读(1202) 评论(0) 推荐(0)
如何使用 button 唤起 uni-app 的 uni-file-picker
摘要：最近碰到一个需求，就是在头像下方可以点击更换头像，同时，点击头像也可以更换头像。因为项目用的是 uni-app ，所以说到上传头像，就想到了 uni-file-picker，但是我翻完了 uni-file-picker 的文档内容，发现没有可以唤醒的方法，但是这个需求很合理，所以只能硬着头皮下了组件 阅读全文
posted @ 2022-11-08 10:02 FreezeNow 阅读(1208) 评论(0) 推荐(0)
关于在 vue 中使用 web worker 的一些问题
摘要：首先列出碰到的问题和答案好了好了： 1、如何在 vue 中加载 worker.js 文件： 使用 worker-loader，并在 vue.config.js 文件中做出相应配置，具体规则参考正文 2、如何在 worker.js 中使用 import： 如果使用 vue，那第一个问题就顺带解决了这个 阅读全文
posted @ 2022-11-04 14:13 FreezeNow 阅读(1903) 评论(0) 推荐(0)
关于使用 uni-app 开发小程序时，出现的父子组件传值时，Object 类型的 props，内存地址不同的问题
摘要：太坑了家人扪，谁能想到，在 H5 正常运行的父子组件 props 传值，会在小程序出现问题啊！ 这周，咱上头让俺把原本基于 H5 开发的网站，改成小程序，还好这也不是第一次了，咱经验丰富，项目开始就用 uni-app 开发。 在修改了一些 H5 和小程序的差异后，进到了一个只有树状结构的页面里，对没 阅读全文
posted @ 2022-10-26 15:59 FreezeNow 阅读(937) 评论(0) 推荐(0)
关于百度地图自动生成的 iframe 产生的间隙
摘要：今天在美化前同事写的屎界面的过程中，发现只要一进到特定的页面，网站底部就会出现一小段空白，使用控制台从外到内翻了一遍，也没找到这段空白从哪来。最后发现，只要进到使用百度地图的页面，网站底部就会出现空白，再仔细一看，进入使用百度地图的页面后，body 标签内就会生成一个 iframe 子标签，把这个标 阅读全文
posted @ 2022-05-27 23:35 FreezeNow 阅读(237) 评论(0) 推荐(0)
关于在 uni app 项目中使用 sass-loader 导致的报错
摘要：今天运行 uni app 项目时，sass-loader 提示了一个错误： ValidationError: Invalid options object. Sass Loader has been initialized using an options object that does not 阅读全文
posted @ 2022-01-20 10:01 FreezeNow 阅读(2812) 评论(0) 推荐(0)
关于Vue的组件封装
摘要：前几天翻阅了 vue-element-admin 的作者写的文章，发现了对于封装组件特别好用的属性：v-bind="$attrs" v-on="$listeners" 使用这两个属性后，封装的组件就可以把未在 Prop 中定义的属性和方法传递到下一层组件中（除了 style 和 class）。 一个 阅读全文
posted @ 2021-02-02 09:04 FreezeNow 阅读(237) 评论(0) 推荐(0)
关于判断上传图片时前端判定是否为图片的问题
摘要：今天在写图片上传功能时，想要在前端检测用户选中的文件是否为图片的功能，首先当然是在 input 里面设置 accept="image/*" 啦，但是这样也不能保证上传的一定是图片，因为用户可以在选择文件框中修改展示的文件后缀，令其可以选中所有类型的文件。于是，便需要在 js 中进行判断。 我先去谷歌 阅读全文
posted @ 2020-01-07 00:52 FreezeNow 阅读(2322) 评论(0) 推荐(0)
关于为vue的图片添加前缀地址
摘要：今天在做项目的分页功能时，遇到了一个问题。在项目中，我抽离了微博组件，并利用 props，使其只需要传入一个微博数组便可将其转换成微博列表展示出来。对于其中的图片，我先前采用对数组 for 循环添加前缀，来使其找到对应的路径。 但是，当我使用分页时，因我在第一页已对数组中的图片添加了地址，当我加载第 阅读全文
posted @ 2020-01-03 20:25 FreezeNow 阅读(4039) 评论(0) 推荐(0)
关于使用vue-router的嵌套路由的命名路由时踩的坑
摘要：今天在做我的模仿微博项目时，我想实现点击router-link后，跳转到微博正文页面，并渲染其嵌套视图-评论组件。但是在实际实现时，我发现页面可以正常跳转，但是在页面加载后，并不渲染该页面的嵌套视图，但是在点击该嵌套视图所对应的嵌套路由后，该嵌套视图会进行渲染。并且，我的另一个页面的嵌套视图可以正确 阅读全文
posted @ 2019-08-14 18:38 FreezeNow 阅读(1124) 评论(0) 推荐(0)
关于第一次web前端面试的记录
摘要：最近参加了一场面试，感觉自己题目都懂，但是说起来就是有点说不明白，所以写个博客整理以下吧。答案不少不是面试时回答的答案，只是整理一下可行答案 1、 如图1，使B相对于A垂直居中 图1 此题答的时候没听清问题，以为是垂直水平排布呢，直接答了各内边距都是10，及一个定位+移动 2、 如图1，使B相对于A 阅读全文
posted @ 2019-07-07 12:18 FreezeNow 阅读(242) 评论(0) 推荐(0)
关于使用vue时的个人规范
摘要：js文件： 公共功能文件：common_功能名.js 例：common_ajax.js 页面级功能文件（在不同页面复用）：page_功能名.js 放置在html文件中加载的js文件命名：app_html文件名称.js 该页特有的js功能文件：app_html文件名称_功能名称.js vue文件： 创 阅读全文
posted @ 2019-05-10 17:11 FreezeNow 阅读(186) 评论(0) 推荐(0)