是否可以在VueJS中将一个子组件与另一个同步？

文章/答案/技术大牛

发布

2回答

javascript、vuejs2

我已经创建了一个视觉辅助工具来帮助解释我的想法(请忽略拼写错误)：我的想法是，您可以从列表中选择一个接收者，并使用所选接收者的信息更新另一个组件。现在我已经尝试过了，但我总是遇到一个特定的错误Uncaught TypeError: Right-hand side of 'instanceof' is not an object。

浏览 12提问于2017-12-11得票数 1

回答已采纳

1回答

将VueJs项目导出为组件

vue.js、web、vuejs2、vue-component、vuex

我一直在做一个使用VueX商店的VueJs项目--现在我计划将它作为一个包导出，这样它也可以集成到其他网站中--问题出在VueX商店；因为其他网站将有自己的商店，是否可以将另一个子商店导入其中？(子存储=我的组件的存储)-如果是这样，我应该怎么做？谢谢!

浏览 21提问于2020-07-20得票数 0

1回答

交换动态子组件数据

vue.js、vue-component

我对vuejs很陌生，我遇到了一个问题:我有一个父组件，其中有几个子组件，这些子组件使用<component :is="view">进行交换，其中view是父组件的属性。问题是每个子组件必须使用存储在父component...thus中的不同数据集填充。父组件 <component :is="vie

浏览 5提问于2016-08-11得票数 0

回答已采纳

1回答

我有一个叫做消息传递工具的组件 ? 这些都是消息传递工具中的所有子组件。这是它在视觉上的样子： ? 这3个通道打开它们自己的表单，这些表单将用于通过适当的通道发送消息。我必须保存所有这些字段属性，并在父组件上执行CSV保存或向API发送消息。我的问题是，我如何做到这一点？如何保存子组件的值？显然，我可以保存tickbox值，因为它们在主父组件中，但是，当执行tickbox或父按钮中的按钮时，如何保存子组件

浏览 52提问于2021-11-08得票数 1

回答已采纳

2回答

用于微前端方法的Vue.JS

vue.js、micro-frontend

我们的团队正在开发一个大型项目，我们希望构建一个包含多种表单、仪表板和功能的大型应用程序。一个单一的SPA会变得复杂。因此，我们讨论了“微前沿”建筑的方法。目标是生成一个包含多个子SPA的父SPA。所有SPAs都应该使用相同的框架: vueJS。我们发现了一些支持这

浏览 1提问于2018-03-09得票数 25

2回答

在加载新页面之前，切换页面时Vuejs代码一眼就会显示大括号

ruby-on-rails、vue.js

我知道v-cloak是用来在加载新页面时不显示任何内容的。在我的rails应用程序中，当我尝试切换页面时(我在Rails视图中使用vue组件)，在加载另一个新页面之前，可以看到Vuejs代码显示大括号。我完全不知所措，不确定这是否与turbolink有关，因为在浏览器控制台或rails git日志中没有发现错误消息。这段Vuejs在另一个页面加载

浏览 0提问于2019-09-12得票数 4

1回答

VueJS v模型和组件之间的数据绑定

javascript、vue.js、vuejs2、vue-component

我在vuejs绑定数据的方式上遇到了问题。我有一个父Vue.component，它处理表单的布局，还有一个子vue.component，它处理不同的输入组。我很难从子组件中获得数据，以便将来提交表单时与父组件同步。test: function() { }}); 我不确定我在哪里出错了，尽管我尽可能多地尝试文档，但我仍然在如何绑

浏览 2提问于2017-12-27得票数 4

回答已采纳

1回答

与BootstrapVue组件绑定的VueJS组件值

vue.js、vuejs2、vue-component、bootstrap-vue

我正在做一个使用vueJs作为前端框架的laravel项目，但我对VueJS还是相当陌生的。目前，我有一个来自bootstrapVue的名为DatePicker的组件，如下所示： <template> <label for="example-datepicker">Choose但有一件事我不知道如何实现，当我在文件中导入日期选择器组件时，当我提交表单时，我如何也提交用户<e

浏览 19提问于2021-09-29得票数 1

1回答

$watch()多次vs一次处理多个回调？

javascript、performance、vuejs2

在其中一个需求中，对于不同的回调(属于多个子组件)，我需要动态地将watch添加到同一个对象(在父组件中)。例如： --- },callback)我有以下问题：随着子组件数量的增加，会不会导致VUEJS中的性能问题？(如果是的话，是否有任何threshold)Would，如果我

浏览 2提问于2020-08-23得票数 5

回答已采纳

2回答

在VueJS中重写子组件的内部类星体组件CSS

javascript、css、vue.js、quasar-framework

我正在使用VueJS中的quasar组件来制作一个应用程序。我在parent component中导入了一个子组件。问题是在父类中导入子类后，父类css应用于子类。即使我使用作用域、模块或深度，它也没有效果，因为我想要更改类星体组件的内部根css。我还尝试在created()中将孩子的样式设置为运行时，但没有任何效果，也不接受!important关键字。有没有办法在类星体

浏览 31提问于2020-01-21得票数 3

回答已采纳

1回答

如何在模板的原始HTML /x引用ID元素中引用VueJS组件的名称？

javascript、html、css、vue.js、vue-component

实际上，我试图根据注册的VueJS组件(为所有特定类型的组件提供相同的样式)向component-name组件添加一个CSS类。</b>现在，虽然我可以手动地为每个组件HTML模板输入组件名称，但我想将其自动化。Vue是否在内部使用任何特殊的内置{{binding}}名称，以便将组件名称注入页面上的结果组件中？要产生这样

浏览 1提问于2016-12-15得票数 3

回答已采纳

1回答

在VueJS* 2组件模板外使用带dom元素的ref属性*

vue.js、vuejs2、vue-component

目前，我很难用VueJS引用现有的DOM元素。日期输入字段不在组件模板中，而是在VueJS应用程序对于数据绑定，我想使用re

浏览 4提问于2020-02-23得票数 2

回答已采纳

2回答

使用S3前端的SSL EC2后端

amazon-web-services、ssl、amazon-s3、amazon-ec2

我有一个在S3上运行的VueJS前端应用程序，它被用作静态网站。我有一个运行在EC2实例上的NodeJS后端应用程序(在nginx反向代理后面，外加一些其他服务)，VueJS应用程序与之通信(目前是通过http )。我有一个使用Route53 / CloudFront / ACM配置的SSL证书成功指向VueJS应用程序(S3存储桶)的域。我无法在ec2实例上运行certbot并

浏览 22提问于2021-04-13得票数 0

回答已采纳

2回答

如何在VueJS中将值从一个子组件传递给另一个子组件？

javascript、vue.js、vuejs2、tailwind-css、vue-props

完整源代码：目标：组件Menu.vue有两个子组件： <div> <!我需要组件ItemIm

浏览 4提问于2020-01-22得票数 3

回答已采纳

1回答

将道具从拉拉中传递到纤细部件。

laravel、laravel-blade、svelte

我今天开始学习svelte，我遇到了一个问题。是否可以通过props/data将svelte组件传递给laravel blade我不明白我的svelte组件从哪里获得ajax旁边的数据。我在这里讨论的是在.svelte组件之外传递数据。不从1传递到另一个.svelte文件组件。.php正在询

浏览 0提问于2019-09-24得票数 3

回答已采纳

4回答

Vue js作为另一个站点上的小部件

web、web-applications、vue.js

我想知道是否有可能构建一个可以嵌入到另一个站点中的vuejs组件。问题是这个组件会在网站上出现几次，所以我不能访问根元素。我知道在react中做这件事的方法，但我更愿意在Vue中做。

浏览 0提问于2018-05-05得票数 1

1回答

从子组件(子组件的子组件)访问高级组件(父级)属性(子组件的子组件)

vue.js

我正在做一些需要访问在VueJS应用程序顶层注入的属性的事情。我可以通过以下方式访问该属性：但是，这很好，我现在希望能够从另一个子组件中访问相同的项，该子组件与上面的附加$parent调用一样工作。有什么办法我可以用另一种方式把这个项目称为最高层吗？我怀疑有一种非常简单的方法来做这件事，但我目前找

浏览 5提问于2020-05-13得票数 0

回答已采纳

1回答

在“`render`”和“Condition”之间存储的争用条件

javascript、reactjs、reactjs-flux

在componentDidMount中设置存储侦听器是否安全，同时也不调用setState或forceUpdate (从而触发立即重呈现)？在React中，常见的示例似乎是在侦听之前同步getInitialState中的Store状态或在render中拉取存储数据，然后在componentDidMount中开始侦听。是什么防止在componentDidMount中呈现和设置侦听器之间的间隔丢失存储更改如果一个子组件

浏览 3提问于2015-09-09得票数 3

回答已采纳

2回答

如何让Vue发现在运行时使用AJAX加载到实例中的组件

ajax、vue.js

我正在尝试在我的网站样板中实现Vue，它使用树枝模板在Wordpress或Craft上运行。样板使用在页面之间进行转换，同时只加载更改后的内容。目前，我正在将我的所有反应元素作为单独的Vue组件。其中一些是通过“交换”内容加载到应用程序中的。因此，在下面的设置中，我在#app中运行了一个Vue应用程序，它在运行时编译，它有一个header和一个footer组件。Swup处理#swup中的内容，因此当用户单击链接时，这一</e

浏览 2提问于2020-02-13得票数 1

1回答

VueJ没有显示组件的源代码

javascript、html、vue.js、vuejs2、vue-component

我最近开始使用vueJS2，现在我正在研究组件，我有一个问题要问专家。 IDE中的视图Chrome源代码视图您可以看到Chrome源代码中没有<button>标记我的jQueryDataTable的源代码另一个问题

浏览 0提问于2018-09-27得票数 1

回答已采纳

点击加载更多