问题标签 [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.
vue.js - 在 nuxt/vue 中来自 apollo 的数据发生变化后,子元素不更新道具
更新:主要问题似乎是道具只更新一次。当 this.campaign.name 可用时,它们应该更改。
我想动态更新标题和面包屑数据字段并将它们显示在页面上。当前页面页面显示未定义或为空。我怎样才能解决这个问题?
我试图创建一个计算值,但它似乎只更新一次(在头部和面包屑数据已经显示之后)。方法不起作用,因为我没有任何东西可以触发该方法。
解决此问题的正确方法是什么?
我正在使用 nuxt generate 来部署应用程序。
vue.js - Vue.js 单文件组件导入失败,“undefined has no properties”
我有一个“Settings.vue”组件:
和一个“MyDropdown.vue”组件:
构建时,我收到以下错误:
什么可能导致 TypeError?
javascript - 使用从父级传递的 prop 对象初始化数据属性对象
我正在尝试将对象作为来自父组件的道具传递,然后使用该值初始化子组件。
这样做的目的是打开一个对话框,其中包含一个子组件,该组件是一个具有多个页面的表单。填写完其中一个页面后,更改将发送给父级,并出现对话框的下一页。如果用户想要导航到上一个对话框屏幕,则需要使用父级更新的值对其进行初始化。
vue.js - Vue.js 模态窗口在从另一个组件单击时未打开
我是 Vue.js 的新手,并且很难理解如何在点击时打开模式窗口。基本上,当我从另一个组件调用模态时,我想打开模态本身并显示我从 API 调用传递给它的数据。问题是模态仍然没有显示内联“显示:无”。我要疯了,为什么即使我将传递给模态的道具设置为 true,我也不能将其设为“显示:块”。任何人都可以查看代码并提出建议吗?我没有资源了:/
下面的模态组件:
我从以下位置调用模态的组件:
vue.js - vue.js 中有哪些替代方法可以将数据传递给除 props 之外的子组件
我知道在 vue.js 中从/向父/子组件传递数据的正确模式是将道具从父级传递给子级,并将事件从子级传递给父级。但这有什么问题吗:
我被告知应该谨慎地使用 refs 来访问子组件,并且只有在没有其他方法的情况下。
如果我想更新子组件中未绑定到道具的数组中的字段值怎么办,如下所示:
...哪里 childArray 不是子组件的道具?我需要让 childArray 成为子组件的道具吗?但随后维护 childArray 成为父母的责任。如果维护 childArray 不是父组件的业务怎么办?
谢谢。
vue.js - 动态创建道具
如何从 vue 中的 mixin / 生命周期钩子动态创建道具?
我尝试了以下方法:
但上面的代码不起作用。我也尝试过使用 this.props = {... 这也不起作用。
我已经遍历了调试器中的每一行,并仔细查看了 vue 的内部初始化函数,但我无法弄清楚为什么 props 没有设置。
我想动态编辑道具的原因是我想创建一个插件,允许我们使用更高级的道具定义语法并对道具本身进行更严格的验证。这样做的方式是在组件上设置另一个属性,例如输入,然后在 beforeCreate 中对其进行处理以创建 props 属性。
javascript - Vue:将道具传递给已经嵌入的组件?
基本上,我有一个“显示”组件,它有两个嵌入式组件,“菜单”和“提要”。我希望我的提要根据菜单中单击的任何按钮进行更新。我能够发出从我的菜单组件单击的按钮,但是我将如何将它传递给已经嵌入我的模板标签中的提要组件?
显示组件模板部分看起来像这样
选项实际上只是传递到菜单中,只是为了让它生成不同的所需按钮。
我唯一能想到的就是v-on:option-clicked = "updateFeed"
在 Menu 标记中添加一个按钮,让它在单击按钮后调用 updateFeed 方法。我不确定如何在这种方法中实际更新提要,这基本上就是我想要弄清楚的。
我不确定这是否是实现此功能的最佳方法,但我们将不胜感激!
vue.js - Vue 动态组件和动态道具
我有一个模态组件,如下所示
而且我需要将不同的道具传递给动态组件。
组件 A 需要标题和名称数组组件 B 需要标题、事件数组和日期作为字符串。
将不同的道具传递给动态组件的最佳方法是什么?我真的不想将所有道具传递给动态组件。
javascript - 在 vue.js 组件中声明 typescript 接口道具
我想在打字稿中的单个对象中定义 vue 组件道具。
我可以在基于类的组件中像上面那样做。
但是如何使用 Vue.extend() 在组件中做到这一点?