问题标签 [vue-component]

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 投票
1 回答
972 浏览

javascript - vue.js v-if 仍在渲染到页面

我在应用程序 html 上有一个简单的组件,它连接到

正如我从文档中了解到的那样,如果 v-if 为假,则不应该创建组件。

这是页面上的组件

和应用程序代码:

如您所见,“postModal”为假,因此不应渲染组件...但我知道它在组件“创建”方法中的作用是我有一个

我做错了什么?

谢谢!

0 投票
0 回答
920 浏览

vue.js - Vue 不更新属性更改

我有一个包含这个的索引组件,部分是:

我有一个如下所示的登录组件:

我的登录和注销方法如下所示:

注销工作正常;单击链接会更改文本并显示“登录”链接。在 Javascript 中登录成功,但不会更新链接。我被迫重新加载页面以使页面正确呈现。为什么?

0 投票
3 回答
63526 浏览

javascript - Vue.js 将函数作为道具传递并让孩子用数据调用它

我有一个帖子列表组件和一个帖子组件。

我传递了一个从帖子列表调用到帖子组件的方法,所以当一个按钮被点击时,它将被调用。

但是我想在单击此功能时传递帖子ID

代码:

正如您在 Post 组件中看到的那样,您可以单击运行他从道具获得的方法,我想向该方法添加一个变量。

你是怎样做的?

0 投票
1 回答
5041 浏览

vue.js - Vuex 在子组件中不起作用

下面的简单代码让我很头疼,因为 some-component 和 root 实例都将错误记录到控制台而不是从 vuex 对象绑定。我可能在这里缺少什么?

在我的代码中,我调用了 Vue.use(Vuex),但在这个小提琴中我不必(它说 Vuex 已经注册)。另外,请注意,如果您取消注释数据行,组件将正确呈现。

任何帮助是极大的赞赏。

0 投票
2 回答
148 浏览

javascript - 在 React 或 Vuejs 中处理清除视图组件

我有一个处理所有业务逻辑、ajax、数据等的容器组件。

它有子组件,他将数据和方法作为道具传递。

所以对于这个问题,有一个“CommentForm”组件,它获取一个道具作为提交时调用的函数。

现在一切正常,因为子组件使用数据调用该方法,但现在我有 2 个选项:

  • 数据很好,所以清除组件的输入
  • 数据不好,显示错误

第二种选择很简单...

但第一个,我如何告诉子组件清除它的内容,我需要为它创建另一个道具,还是另一种好方法?

** 此代码是我在 Vue.js 中的代码示例,但这是一般问题,例如 react

0 投票
2 回答
857 浏览

php - Vueify / VueRouter / Laravel - 未定义组件

我正在构建一个相对简单的 laravel 应用程序并想学习 Vue.js ......这变成了一个超级令人沮丧的混乱......

无论如何,这就是问题所在。无论我做什么,我都会收到我的组件未定义的错误。

这就是我所拥有的...

吞吐文件

/resources/assets/js/main.js

在我的刀片文件中...

/resources/assets/js/components/2016-1099-misc.vue

我运行 gulp,它运行成功。当我在浏览器中查看页面时,我收到错误消息

我确定我做错了很多事情。我是 Vue 的超级新手,我正在努力掌握它......

更新:

我已将刀片文件中的所有脚本代码移动到 main.js 文件中,现在 main.js 看起来像这样 -

我现在收到错误消息

0 投票
2 回答
262 浏览

vue.js - 孩子与孩子的交流

我的组件很大,所以我会给你一个简化的例子,也许有人会知道如何解决我的问题。

我有带有子组件的发票组件,例如“subtotal”、“vat_subtotal”、“total”(这是示例)。我正在使用 v-ref 从发票组件直接访问每个孩子。此外,小计是根据发票属性计算的,然后 vat_subtotal 是从小计子属性计算的。'total' 是从 vat_subtotal 子项中计算出来的。

例子:

问题是我在页面加载时收到警告,因为“total”孩子试图访问“vat_total”孩子属性,但@$parent.$refs.vat_total 仍然是“未定义”(我不知道为什么. 当我后来改变形式时,它会正常反应并重新计算一切正确)。看起来,一个孩子正在尝试计算属性,而其他孩子尚未加载。

0 投票
1 回答
2607 浏览

javascript - Vue.js 中未定义的组件

我正在关注 Vue.js 上的 Laracasts 教程,但遇到了一些障碍,我有一个名为 app-footer.vue 的 vueify 组件,其中包含我所有的样式脚本和模板。

然后在我看来,我将组件定义为

最后在我的 app.js 文件中,我导入模板文件并将其添加到我的 Vue 实例的组件列表中,如下所示

我只是不断收到组件错误,问我是否正确定义了它我到底做错了什么?

0 投票
1 回答
7261 浏览

vue.js - Vue:如何将 store 与组件一起使用?

//店铺

//零件

//看法

//错误

0 投票
1 回答
256 浏览

vue.js - 计算 getter 中的赋值

我只是想问一下,在计算的 getter 中分配一些属性是否可以?

我想这样做,因为发票对象在少数其他组件上共享,并且这些组件需要来自小计组件的计算数据。