
vue
余栀丶
console.log('hello world!')
展开
-
vue slots 透传
业务场景中有时需要对第三方组件进行二次封装, 比如弹窗,表格等组件, 有时项目内会根据业务进行二次封装成业务组件, 新的业务组件会需要把自己的slots透传给原本的组件, 也可以叫传递插槽。...原创 2022-08-15 11:17:50 · 3600 阅读 · 1 评论 -
npm 或 yarn 使用别名同时安装同一个包的两个版本
npm 或 yarn 别名安装同一个包两个不同版本原创 2022-06-13 14:37:35 · 5994 阅读 · 0 评论 -
vite忽略.vue扩展名 Failed to resolve import ..... Does the file exist?
在vite脚手架中, 引入时忽略.vue扩展名将导致错误// 一个名为tsc.vue的文件,import tsc from "./tsc.vue";// 上面的引入可以正常运行,但import tsc from "./tsc";// 将不起作用, 并提示错误// Internal server error: Failed to resolve import "./tsc" from "somewhere.js". Does the file exist?这是因为vite已不再默认忽略.v原创 2021-05-07 14:41:11 · 45610 阅读 · 1 评论 -
webstorm引入时不要忽略文件扩展名
webstorm默认在引入时会忽略文件扩展名, 而vite中引入.vue文件时忽略.vue扩展名时会导致错误, 所以需要配置使webstorm自动引入时不要忽略文件扩展名webstorm引入场景配置使其不要忽略.vue扩展名设置页面扩展, 中文包插件https://blog.youkuaiyun.com/u010281877/article/details/111722817...原创 2021-05-07 14:39:25 · 2984 阅读 · 2 评论 -
uni-app的vue组件在小程序环境和浏览器环境的mounted生命周期有区别
一个普通的index-list组件,右侧有字母列表,点击或者滑动可以快速滚动页面,类似联系人列表的效果当配合popup组件使用时,可以实现在页面中点击某处,然后把联系人列表弹起,在进行点击选择的功能在浏览器中测试正常,但是在小程序环境中,点击或者滑动右侧字母索引失效原因是因为浏览器环境中,popup控制的index-list组件,只有popup弹层被唤起时,才触发mounted事件但是小程序环境里,刚进入页面(这时popup弹层处于隐藏状态),就已经触发了弹层中index-list的mounted事原创 2020-06-18 09:44:58 · 1575 阅读 · 0 评论 -
记一次bug修复历程
记一次bug修复之路npm run serve 报错:网上查找1 npm2 社区QQ群3 github4 百度自己解决1. 重新安装依赖2. 使用yarn安装依赖3. 升级包依赖4. 复制可用包依赖5. 复制代码至新的空项目6. git总结前两天重装了电脑,环境啥都重新安装了一下, 本来挺开心的,结果今天跑项目时发现了爆红npm run serve 报错:This dependency was not founduni-shared in ./node_modules/@dcloudio/uni-原创 2020-06-08 15:27:51 · 1094 阅读 · 0 评论 -
nuxt generate 报错,Cannot read property ‘headers’ of undefined
nuxt generate 报错, Cannot read property ‘headers’ of undefined前面打包一切正常,开始打包页面时报错,而且错误信息不清晰,不知道具体哪里错的经过一个小时调试,发现是这段代码报错这是个获取设备类型的中间件,在服务端环境根据请求的headers的user-agent判定浏览器环境,在客户端根据navigator的userAgent判断浏览器环境;打包时, context.req.headers部分报错了去官网查阅,最终发现是因为 gene原创 2020-06-06 09:33:47 · 3374 阅读 · 11 评论 -
Vue组件自调
Vue组件自调在制作一个类似多级列表的组件时, 组件如何自调以实现多级嵌套呢<template> <ul style="padding-left: 10px;"> <li v-for="(item,i) in list" :key="i"> {{item.name}} <!--自己调用自己时直接使用自己的name即可...原创 2020-04-24 09:56:42 · 420 阅读 · 0 评论 -
Axios在服务器错误时取不到response
Axios在服务器错误时取不到response前端代码需求问题前端代码axios.request({ ...// 请求config}).then( res => console.log('success',res), err => console.log('err',err))如上,这是一个普通的请求,一个请求成功回调,一个请求失败回调,当服务器响应时会打印对应的信息...原创 2019-05-29 23:40:00 · 11341 阅读 · 6 评论