问题标签 [vuejs3]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
3323 浏览

vue.js - 从 VUEJS 中的 url 获取 ID

我目前正在学习 VUEJS,对此我完全陌生。所以我需要帮助。我想从 URL 中获取 ID,例如:

网址:

我想要123456789文本格式。

0 投票
1 回答
57 浏览

vue.js - 在子组件中以纯文本形式获取 v-if 表达式/数据

嘿那里,

我尝试创建一个基于 v-if 指令显示的自定义 Vue 组件。我还想从组件内部更改指令数据(modalStatus)值。

要更新组件中的数据,我使用与此类似的方法。

问题是有时我不知道数据模型的名称(modalStatus),可以是任何东西。

我的问题是如何从模态组件中获取数据/表达式名称作为纯文本?

我打算使用这样的东西来更新 modalStatus

谢谢并保持安全!

稍后编辑。我知道如何使用 props 或 v-model 来完成以上所有工作。我想知道是否可以严格使用 v-if。谢谢!

0 投票
1 回答
1572 浏览

vue-router - 无法读取未定义的 Vue-Router-next 的监听属性

https://codesandbox.io/s/vue-router-v4-reproduction-l5fzm?file=/index.html

得到错误

未捕获的类型错误:无法在 main.js:16 createRouter @ vue-router.esm-bundler.js:2269(匿名)@ main 处的 createRouter (vue-router.esm-bundler.js:2269) 处读取未定义的属性“listen” .js:16

代码示例:如何重现

0 投票
1 回答
1386 浏览

javascript - 如何在 Vue3 中启用仅使用 TypeScript 的道具键入

根据旧函数 rfc,Vue3 将支持 typescript only props -typing:https ://github.com/vuejs/rfcs/blob/function-apis/active-rfcs/0000-function-api.md#typescript-only-道具打字

当我尝试遵循代码时,它似乎不起作用。道具将是未定义的。

0 投票
4 回答
10581 浏览

javascript - 如何在 Vue 3 中替换 this.$parent.$emit?

我已将我的应用程序迁移到 Vue 3。

现在我的 linter 显示了一个弃​​用错误,记录在这里:https ://eslint.vuejs.org/rules/no-deprecated-events-api.html 。

该文档显示了如何this.$emitmitt库替换,但没有显示如何替换this.$parent.$emit.

0 投票
1 回答
242 浏览

vue.js - 文件上传后,输入值应在跨度值更改时更新

上传图片文件后,我希望<input>'s 的值能体现我的<span>价值。但是,只有在我单击<a>标签后才会<input>更改其值,而不是<span>根据需要自动更改。

我希望<span>-change 更新<input>' 值。

在此处输入图像描述

上面的屏幕截图显示了文件上传/选择后的结果。虽然<span>' 值正确更新,但<input>' 值保持不变。其值仅在单击锚标记后更新。

0 投票
2 回答
4222 浏览

vue.js - Vue组合api没有更新文本字段的绑定值

我在初始化后更新对象的属性。

我的简化组件如下所示:

在此示例中,getNextPort是一个返回数字的 API 调用。由于某种原因,v-text-field没有更新。我没有看到输入字段中的值。当我调用console.log后的对象时,getNextPort它显示:

这是预期的结果。我也试过:

  • $nextTick
  • onMounted
  • $forceUpdate

但是当我开始在名称字段中输入时,vpnPort 并没有得到更新!

有人知道为什么结果没有显示在 v-text-field 中吗?

0 投票
1 回答
1861 浏览

javascript - VueJs 3 / Composition API 和 Jest - 测试输入组件事件发射

我似乎在努力测试 VueJs 3 输入组件事件发射 - 这就是我所拥有的:

文本输入

文本输入.spec.js

运行测试我收到以下错误

当控制台记录emitted我得到一个空对象{}

0 投票
1 回答
533 浏览

vue.js - Buefy垂直缩略图轮播?

当我使用b-carousel标签时,它可以工作,但缩略图是水平的。如何使它们垂直?

这是代码:

我想要的输出:

在此处输入图像描述

0 投票
1 回答
517 浏览

vue.js - 如何使用 Vue 3 更改 div 的背景颜色?

我在模板中有以下行:

在脚本里面这段代码:

但我的颜色没有改变。我点击的标志正确切换,但我无法应用背景颜色。

不确定这是反应性问题还是我设置背景颜色的方式。

有任何想法吗 ?