问题标签 [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.
vue.js - 从 VUEJS 中的 url 获取 ID
我目前正在学习 VUEJS,对此我完全陌生。所以我需要帮助。我想从 URL 中获取 ID,例如:
网址:
我想要123456789
文本格式。
vue.js - 在子组件中以纯文本形式获取 v-if 表达式/数据
嘿那里,
我尝试创建一个基于 v-if 指令显示的自定义 Vue 组件。我还想从组件内部更改指令数据(modalStatus)值。
要更新组件中的数据,我使用与此类似的方法。
问题是有时我不知道数据模型的名称(modalStatus),可以是任何东西。
我的问题是如何从模态组件中获取数据/表达式名称作为纯文本?
我打算使用这样的东西来更新 modalStatus
谢谢并保持安全!
稍后编辑。我知道如何使用 props 或 v-model 来完成以上所有工作。我想知道是否可以严格使用 v-if。谢谢!
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
代码示例:如何重现
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-道具打字
当我尝试遵循代码时,它似乎不起作用。道具将是未定义的。
javascript - 如何在 Vue 3 中替换 this.$parent.$emit?
我已将我的应用程序迁移到 Vue 3。
现在我的 linter 显示了一个弃用错误,记录在这里:https ://eslint.vuejs.org/rules/no-deprecated-events-api.html 。
该文档显示了如何this.$emit
用mitt
库替换,但没有显示如何替换this.$parent.$emit
.
vue.js - Vue组合api没有更新文本字段的绑定值
我在初始化后更新对象的属性。
我的简化组件如下所示:
在此示例中,getNextPort
是一个返回数字的 API 调用。由于某种原因,v-text-field
没有更新。我没有看到输入字段中的值。当我调用console.log
后的对象时,getNextPort
它显示:
这是预期的结果。我也试过:
$nextTick
onMounted
$forceUpdate
但是当我开始在名称字段中输入时,vpnPort 并没有得到更新!
有人知道为什么结果没有显示在 v-text-field 中吗?
javascript - VueJs 3 / Composition API 和 Jest - 测试输入组件事件发射
我似乎在努力测试 VueJs 3 输入组件事件发射 - 这就是我所拥有的:
文本输入
文本输入.spec.js
运行测试我收到以下错误
当控制台记录emitted
我得到一个空对象{}
。
vue.js - 如何使用 Vue 3 更改 div 的背景颜色?
我在模板中有以下行:
在脚本里面这段代码:
但我的颜色没有改变。我点击的标志正确切换,但我无法应用背景颜色。
不确定这是反应性问题还是我设置背景颜色的方式。
有任何想法吗 ?