问题标签 [vuejs3]

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

网址：

我想要123456789文本格式。

嘿那里，

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

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

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

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

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

谢谢并保持安全！

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

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

代码示例：如何重现

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

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

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

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

该文档显示了如何this.$emit用mitt库替换，但没有显示如何替换this.$parent.$emit.

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

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

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

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

我的简化组件如下所示：

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

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

• $nextTick
• onMounted
• $forceUpdate

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

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

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

文本输入

文本输入.spec.js

运行测试我收到以下错误

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

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

这是代码：

我想要的输出：

我在模板中有以下行：

在脚本里面这段代码：

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

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

有任何想法吗 ？