问题标签 [vue-props]

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 回答
1344 浏览

vue.js - 在 nuxt/vue 中来自 apollo 的数据发生变化后,子元素不更新道具

更新:主要问题似乎是道具只更新一次。当 this.campaign.name 可用时,它们应该更改。

我想动态更新标题和面包屑数据字段并将它们显示在页面上。当前页面页面显示未定义或为空。我怎样才能解决这个问题?

我试图创建一个计算值,但它似乎只更新一次(在头部和面包屑数据已经显示之后)。方法不起作用,因为我没有任何东西可以触发该方法。

解决此问题的正确方法是什么?

我正在使用 nuxt generate 来部署应用程序。

0 投票
1 回答
1045 浏览

vue.js - Vue.js 单文件组件导入失败,“undefined has no properties”

我有一个“Settings.vue”组件:

和一个“MyDropdown.vue”组件:

构建时,我收到以下错误:

什么可能导致 TypeError?

0 投票
1 回答
119 浏览

javascript - 使用从父级传递的 prop 对象初始化数据属性对象

我正在尝试将对象作为来自父组件的道具传递,然后使用该值初始化子组件。

这样做的目的是打开一个对话框,其中包含一个子组件,该组件是一个具有多个页面的表单。填写完其中一个页面后,更改将发送给父级,并出现对话框的下一页。如果用户想要导航到上一个对话框屏幕,则需要使用父级更新的值对其进行初始化。

0 投票
1 回答
2009 浏览

vue.js - Vue.js 模态窗口在从另一个组件单击时未打开

我是 Vue.js 的新手,并且很难理解如何在点击时打开模式窗口。基本上,当我从另一个组件调用模态时,我想打开模态本身并显示我从 API 调用传递给它的数据。问题是模态仍然没有显示内联“显示:无”。我要疯了,为什么即使我将传递给模态的道具设置为 true,我也不能将其设为“显示:块”。任何人都可以查看代码并提出建议吗?我没有资源了:/

下面的模态组件:

我从以下位置调用模态的组件:

0 投票
1 回答
447 浏览

vue.js - vue.js 中有哪些替代方法可以将数据传递给除 props 之外的子组件

我知道在 vue.js 中从/向父/子组件传递数据的正确模式是将道具从父级传递给子级,并将事件从子级传递给父级。但这有什么问题吗:

我被告知应该谨慎地使用 refs 来访问子组件,并且只有在没有其他方法的情况下。

如果我想更新子组件中未绑定到道具的数组中的字段值怎么办,如下所示:

...哪里 childArray 不是子组件的道具?我需要让 childArray 成为子组件的道具吗?但随后维护 childArray 成为父母的责任。如果维护 childArray 不是父组件的业务怎么办?

谢谢。

0 投票
2 回答
57 浏览

vue.js - 动态创建道具

如何从 vue 中的 mixin / 生命周期钩子动态创建道具?

我尝试了以下方法:

但上面的代码不起作用。我也尝试过使用 this.props = {... 这也不起作用。

我已经遍历了调试器中的每一行,并仔细查看了 vue 的内部初始化函数,但我无法弄清楚为什么 props 没有设置。

我想动态编辑道具的原因是我想创建一个插件,允许我们使用更高级的道具定义语法并对道具本身进行更严格的验证。这样做的方式是在组件上设置另一个属性,例如输入,然后在 beforeCreate 中对其进行处理以创建 props 属性。

0 投票
1 回答
76 浏览

javascript - Vue:将道具传递给已经嵌入的组件?

基本上,我有一个“显示”组件,它有两个嵌入式组件,“菜单”和“提要”。我希望我的提要根据菜单中单击的任何按钮进行更新。我能够发出从我的菜单组件单击的按钮,但是我将如何将它传递给已经嵌入我的模板标签中的提要组件?

显示组件模板部分看起来像这样

选项实际上只是传递到菜单中,只是为了让它生成不同的所需按钮。

我唯一能想到的就是v-on:option-clicked = "updateFeed"在 Menu 标记中添加一个按钮,让它在单击按钮后调用 updateFeed 方法。我不确定如何在这种方法中实际更新提要,这基本上就是我想要弄清楚的。

我不确定这是否是实现此功能的最佳方法,但我们将不胜感激!

0 投票
1 回答
106 浏览

vue.js - Vue 动态组件和动态道具

我有一个模态组件,如下所示

而且我需要将不同的道具传递给动态组件。

组件 A 需要标题和名称数组组件 B 需要标题、事件数组和日期作为字符串。

将不同的道具传递给动态组件的最佳方法是什么?我真的不想将所有道具传递给动态组件。

0 投票
1 回答
499 浏览

javascript - 在 vue.js 组件中声明 typescript 接口道具

我想在打字稿中的单个对象中定义 vue 组件道具。

我可以在基于类的组件中像上面那样做。

但是如何使用 Vue.extend() 在组件中做到这一点?

0 投票
1 回答
631 浏览

vue.js - 父更新时VUE Js子不更新

我正在使用 VUE JS,我希望有一组复选框,如下所示。当有人单击主复选框时,应选中该复选框下的所有复选框。请找到附件图片供您参考

在此处输入图像描述

为了完成这个场景,我使用了 2 个主要组件。当有人单击一个组件时,我将该组件添加到 selectedStreams 数组中。选择的流数组结构类似于下面的结构

当我单击标题复选框时,我正在触发功能

clickAll 并尝试更改 selectedStreams[keyv]。

但此操作不会触发子组件并自动选中复选框。

我能知道为什么当我更改父 v-model 值时它在子 UI 中不可见吗?

父组件

子组件