踩坑
Vue踩坑
惘远
这个作者很懒,什么都没留下…
展开
-
【踩坑】vue应用部署在nginx后,刷新404的解决方法
在vue应用部署到nginx时,遇到刷新找不到页面或者直接输入路径找不到页面vue-router官方给出的解决方法如下location / { try_files $uri $uri/ /index.html;}原创 2021-09-02 08:36:06 · 543 阅读 · 0 评论 -
【踩坑】vue项目在env文件中设置的变量无效
vue项目,在开发过程中需要设置环境变量,但是在env文件中设置了变量值,但是无效经查阅资料发现,vue项目的env变量需要加上“VUE_APP_”前缀。// 错误的设置方式BASE_API_PREFIX = '/api'// 正确的设置方式VUE_APP_BASE_API_PREFIX = '/api'...原创 2021-08-17 11:03:20 · 4517 阅读 · 1 评论 -
【踩坑】vue3.x 使用mitt().off()取消不掉订阅
在使用mitt的时候,off()后发现并未取消订阅,在阅读源码后发现,off()方法需要传入两个参数,一个是时间名,而另一个是订阅时的回调函数。我们直接上正确使用的代码。setup() { const bus = inject('bus') const callback = () => { // 逻辑代码 } onMounted(() => { bus.on('mitt-name', callback) }) onUnmounted(() =>.原创 2021-08-13 15:45:57 · 3479 阅读 · 0 评论 -
【踩坑】element-plus el-tag 动态编辑标签 使用v-if后,ref获取不到input组件
组件通过v-if控制显示和隐藏,使用ref无法获取该组件如果改用v-show来代替v-if的话,可能会出现一些bug。比如,控制组件的flg没有变化的话,第二次访问组件时,组件不会隐藏。所以,用v-show来代替v-if并不是一个很好的解决方案。除了核心功能默认内置的指令 (例如 v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。上面是V.原创 2021-08-09 14:07:09 · 2417 阅读 · 0 评论