Vue3
本话题发布Vue3相关的问答文章和技术分享，将持续更新，为您推荐了22篇问答，访问即可查看更多精彩内容。
-
2
回答
31浏览
Vuelidate 表单验证后如何手动清除某个字段的错误状态？
我在用 Vuelidate 做表单验证，提交失败后某些字段会显示错误。现在用户修改了其他字段，我想手动清除某个特定字段（比如 email）的验证错误，但试了 $v.email.$reset() 好像没...
-
1
回答
42浏览
Vite里怎么配置别名让路径不那么乱？
我用 Vite 搭了个 Vue3 项目，导入组件老是写 ../../../components/xxx.vue，看着头大。听说可以配别名，但照着文档改了 vite.config.js 还是报错，说找不...
-
1
回答
51浏览
Provide/Inject 传递的数据在子组件里为什么拿不到？
我在父组件里用 provide 提供了一个响应式对象，然后在深层嵌套的子组件里 inject 了它。但奇怪的是，页面渲染的时候数据是空的，console.log 出来也是 undefined。我明明已...
-
1
回答
35浏览
Pinia中如何正确监听store状态变化？
我在用Pinia管理状态，想在组件里监听某个store里的数据变化，但用watch好像没反应。试过直接watch store的属性，也试过用store.$subscribe，但有时候更新不及时，不知道...
-
1
回答
19浏览
Vue中keep-alive缓存失效是怎么回事？
我在用 keep-alive 包裹动态组件时，发现切换路由后组件还是重新渲染了，缓存没生效。明明加了 include，但每次进去都走 created 钩子，这不对啊？ 我的写法大概是这样的： <...
-
2
回答
36浏览
Vue Test Utils 中如何正确模拟异步组件的加载？
我在用 Vue Test Utils 测试一个使用了 defineAsyncComponent 的异步组件，但测试总是报错说找不到组件实例。明明在真实环境中能正常加载，测试里却不行。 我试过用 awa...
-
2
回答
31浏览
Pinia的store里怎么监听其他store的状态变化？
我有两个Pinia store，userStore和cartStore。现在想在cartStore里监听userStore里的userId变化，一旦变了就重新拉购物车数据。试过用watch，但好像没生...
-
2
回答
37浏览
Vue父子组件通信props不生效怎么办？
我在父组件里传了个数组给子组件，但子组件里用props接收后打印出来是空的，明明父组件的数据已经加载完了啊。 父组件这样传的：:list="myData"，子组件props也声明了list: Arra...
-
2
回答
57浏览
Naive UI 的表格怎么实现动态列显示？
我用 Naive UI 的 n-data-table 组件，想根据用户选择动态显示或隐藏某些列，但改了 columns 数组后表格没反应，是哪里不对？ 试过用 computed 重新生成 column...
-
2
回答
19浏览
Vue 3 中 Suspense 不生效是怎么回事？
我在用 Vue 3 的 Suspense 包裹一个异步组件，但页面一直显示默认内容，fallback 根本没触发。明明组件里用了 await 获取数据，也返回了 Promise，但 Suspense ...
-
2
回答
45浏览
低代码平台中如何动态注册 Vue Element Admin 的路由？
我在用低代码平台集成 Vue Element Admin 时，想根据后端返回的菜单动态生成路由，但页面一直空白，控制台也没报错。我试过在 router/index.js 里直接 push 路由，但好像...
-
2
回答
31浏览
Vue自定义指令里怎么获取组件实例？
我在写一个 Vue 3 的自定义指令，想在指令的钩子里访问当前组件的实例（比如调用组件里的方法），但发现 directive 里拿不到 this 或者组件上下文，试了 binding.instance...
-
1
回答
43浏览
Vuelidate 表单验证后错误信息不更新是怎么回事？
我用 Vuelidate 做表单验证，输入框失去焦点时会触发验证，但修改内容后错误提示没消失，明明值已经合法了。试过调用 $touch() 和 $reset() 都不行。 这是我的验证规则代码： co...
-
2
回答
56浏览
Vue Draggable 拖拽后数据顺序没更新是怎么回事？
我用 Vue Draggable 做了个列表拖拽排序，但拖完之后 data 里的数组顺序没变，明明绑定了 v-model 啊。 我试过用 :list.sync 和 v-model 两种方式，都不行。控...
-
2
回答
38浏览
Element Plus弹窗在移动端高度溢出怎么处理？
在移动端用el-dialog弹窗时，设置固定高度后内容总是溢出屏幕，试过设置max-height: 100%也不行，滚动条还卡在对话框边缘。 代码这样写的： <el-dialog :visibl...
-
2
回答
71浏览
Quasar中q-item里的按钮如何水平排列？Flex布局不生效
我在用Quasar的q-item组件做列表项，想让里面的两个按钮水平排列，但用了flex布局类还是上下显示： <q-item> <q-item-section> <div...
-
2
回答
47浏览
为什么使用VueUse的useFetch获取的数据在组件重新加载时不更新？
在用VueUse的useFetch请求数据时，发现页面刷新后数据没有重新获取，一直显示旧数据。我尝试手动调用refresh()方法也没反应，控制台也没有报错，这是怎么回事？ 我的代码结构大概是这样： ...
-
2
回答
52浏览
Pinia store里修改数组后视图不更新怎么办？
在用Pinia管理用户收藏列表时遇到问题，store里定义了一个items数组，通过addToCollection(item)方法用push()添加元素，但页面列表没变化。 试过手动调用this.$f...
-
2
回答
65浏览
在Vue3的setup()中如何让CSS变量跟随ref响应式变化？
我在用Vue3的Composition API时，想通过CSS变量动态改变元素颜色。在setup()里用了ref存颜色值，然后在CSS里定义了变量，但怎么都更新不了颜色呢。 试过把颜色值绑定到元素st...
-
2
回答
107浏览
Vue Router导航守卫里获取不到最新的路由参数怎么办？
在使用Vue Router的beforeEach守卫时，发现通过to.params.id获取不到最新的路由参数，总是显示上一次的值。比如从商品详情页/product/123跳转到/product/45...
