问题标签 [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 回答
5979 浏览

javascript - VueJs 如何创建具有可观察属性的对象

如何在 VueJS 中创建等效的 knockoutjs ViewModel?例如:

什么是 VueJs 中的等价物?如何在没有模板属性且不将其创建为组件的情况下创建对象或视图模型?如果可以,我是否只创建普通的 javascript 对象(函数/json 对象),如何在这些普通的 javascript 对象中创建计算/可观察的属性?

0 投票
1 回答
2812 浏览

javascript - v-on:click 需要一个函数值,未定义

我正在尝试学习 vuejs,目前正在尝试对按钮按下做出反应,但是 v-on:click 指令没有(显然)找到我添加到组件中的方法。

这是我的组件:

这是父组件

这是主文件

我收到的警告

然后,该按钮不执行任何操作,不显示任何错误或任何内容。

0 投票
1 回答
793 浏览

vue.js - 如何让 vue-router 在组件内部工作

我有以下 index.html

在模板文件中,我在“/”处加载了以下内容

我有以下路线图

单击链接似乎不会改变视图。我不确定我做错了什么。

即使使用

似乎不起作用。

0 投票
1 回答
805 浏览

vue.js - vue.js 如何将 props 与单个文件组件一起使用

我很新vue.js

我正在使用带有 webpack 的单个文件组件,我正在尝试计算 的总和{{operating.totaloperating}},我知道要完成此操作,我需要将operating数据作为道具传递回脚本,对吗?我怎样才能做到这一点?当我尝试将它作为道具传递时,它说未定义。

我只能从模板将道具传递给该组件,但不能在文件本身中传递。

0 投票
0 回答
295 浏览

vue.js - 无法更改路由器组件

我有一个 .vue 文件,其中包含以下内容

在我的主 index.html 文件中

在我的 main.js 中

编译这些东西后,我可以获取 Intro组件,但单击按钮只会更改哈希,但不会更改组件....

根据文档,我唯一不同的是我正在以编程方式更改路线。

我在这里做错了什么?

0 投票
1 回答
278 浏览

javascript - 来自模块或 ID 的 Vuejs 模板

我在 .Vue 文件(及其子组件)中定义了一个模板。我的目标是为客户提供在不更改任何 javascript 的情况下覆盖此模板的可能性。

如果存在 id="search-result" 的元素,请使用此元素。

如果不使用 *.Vue 文件中定义的那个。

我能以某种方式实现这一目标吗?我阅读了有关内联模板的信息,但问题是我有一个包含许多子组件的嵌套结构。用户必须定义​​完整的模板,而不是只覆盖他想要覆盖的一个子模块。

你对我有什么提示吗?

0 投票
0 回答
136 浏览

javascript - Vue.js 中不同组件的数组

我想做一个帖子编辑器,其中包含某些字段,如标题、发布日期等。

然而,内容是“块”的形式,我为其制作了组件,一个图像块、一个文本块和一个视频块。

但我想要一个包含这些块的数组,我可以使用以下方法对其进行迭代:

该数组由类型属性设置为或image-block..text-blockvideo-block

这种工作,但是当我提交表单时,我想通过块并获取其中的数据,但我不能......我不能删除模板内带有 X 的块,因为我无法删除父数组中的对象。

我究竟做错了什么?

0 投票
1 回答
189 浏览

javascript - 来自 Vue 组件数据的计算函数

我有以下 Vue 组件和数据:

以及以下模板:

我不知道如何计算“小计”。我需要做的是让计算函数“小计”返回每个“销售”对象的所有价格的总和。我究竟做错了什么?

0 投票
1 回答
233 浏览

javascript - Vue计算函数在添加数据时导致错误

在我的 jsbin 中http://jsbin.com/fecukitisu/edit?html,js,output。我的总额和税收绑定一直有效,直到用户通过包含的按钮添加新的“销售”。我无法弄清楚为什么在添加另一个销售时计算函数会返回 NAN。任何帮助深表感谢!

0 投票
1 回答
125 浏览

javascript - 获取 Vue 组件计算实例的总数

请在此处查看我的 jsbin http://jsbin.com/puxefasohu/1/edit?html,js,output我有一个“收据”组件,其中包含“总计”的计算函数。在父组件中,我试图获取此计算值的所有“收据”组件实例的总数以获取“总计”,但我无法将组件实例传达给父组件。我究竟做错了什么?