问题标签 [vue-component]

我想导入一个辅助类，而不是在我的组件中内联逻辑。我收到以下错误：

/services/NavbarService.js

/components/Navbar.vue

所以我开始在我的网站上使用传单，并设法进行搜索，在其中我可以显示我的项目名称。问题是我需要在点击时显示信息，但我的标记不可点击。

这是我的组件：

我已尝试使用 Option {clickable: true}，但仍然无法正常工作。我正在使用简单的示例传单开始。

在我的 main.js 文件中，我注册了 Vue：

现在我想在我的 App.Vue 中获取一个翻译文件：

我得到了错误：'Vue' is not defined。我究竟做错了什么？

我想在 Quasar Framework (Vue) 单文件组件中实现 Mapbox-gl-js 地图，但我没有让它工作。我在 Googlemaps 上用 Vue 找到了一些代码，在 Mapbox 上用 React 找到了一些东西，并尝试将它们整合在一起。使用下面的地图初始化参数，我可以让地图在 index.html 中显示良好（使用 mapzen 瓷砖），但希望它在组件中。

我尝试遵循这个 [ https://laracasts.com/discuss/channels/vue/google-maps-and-vue-js](link url) 然后为 Mapbox 调整它： proj/src/components/maplayout.vue ：

顺便说一句，对于带有 webpack 的 mapbox，您需要某些加载器，请参阅：[ https://mikewilliamson.wordpress.com/2016/02/24/using-mapbox-gl-and-webpack-together/](link url) 但是因为我之前让 Mapbox 与 Webpack 一起工作（没有 vue），我想我没问题。实际上我在浏览器控制台中没有收到任何错误（但显然没有出现地图）。

在 app.js 文件中，我不知道如何处理建议（可能没有必要，因为 googlemaps 需要回调，不知道关于 mapbox/mapzen？！）：

在 Quasar 中，初始化是这样完成的：

我真的不明白...

欢迎任何关于如何使这项工作的建议！

我试图弄清楚下面处理将一个对象复制到另一个对象的代码中发生了什么。在某些情况下，它们就像同一个对象，改变一个对象会改变另一个对象。我发现了很多关于如何通过引用复制 javascript 对象的帖子，因此它们实际上是同一个对象。例如，来自http://www.w3schools.com/js/js_object_definition.asp：

但是，我还发现了一个对象似乎是单独对象的情况。它如何在一种情况下表现得像同一个对象，但在另一种情况下表现得像不同的对象？我将不胜感激任何情况：

示例： http ://codepen.io/gratiafide/pen/yagQGr?editors=1010#0

HTML：

JS：

CSS：

尝试使用 laravel-elixir-vueify 通过 NPM 包含一个名为 vue-product-carousel 的第三方 vue 组件。

package.json 包含：

节点和 NPM：

我编写的组件 vuefied 很好，效果很好。当我尝试包含 vue-product-carosuel 时，它会引发此错误：

像这样需要组件：

和元素：

我的构建是否可能缺少某些东西？

我无法弄清楚如何在 vue 组件中使用 jquery 插件。我没有使用 webkit、browserify 或 ES2016。我还有办法使用插件并定位模板标签中的元素吗？谷歌没有产生任何有用的结果。有问题的插件是 jquery.payment for stripe

在我的 Laravel 5.3 应用程序中，我有一个模式组件，当用户单击按钮编辑数据时会显示该组件。

模态窗口的加载通过以下代码完成：

上面的代码加载了模态组件内的以下表单。

发生的事情是，每当我提交上述表单时，它都会被提交而没有任何值。这意味着我得到了上面所有字段的空字符串。但是，如果我手动转到每个字段，它会以正确的字段值提交。

我希望每当用户单击提交按钮时，值应该得到更新。这意味着不应该强迫用户点击每个字段，以便 vue 可以识别它。

编辑1：

这就是我所说的模态：

底线问题：如果用户只是单击提交按钮，我如何提交表单的默认值（在模式窗口中加载）？

非常感谢任何帮助。谢谢。

我有一个父/子组件设置，其中父级从服务器加载数据并通过道具将其传递给子级。在孩子中，我想用它从父母那里收到的一些数据来实例化一个 jQuery 日历。

为了在设置日历之前等待数据，我在父级中广播了一个事件，我在子级中设置了事件侦听器。

侦听器正在孩子中被解雇，但如果 I this.$log('theProp')，它是未定义的。但是，如果我使用 VueJs devtools 检查组件，就会发现父/子关系存在并且子级同时收到了道具。

该道具在孩子上定义为动态道具:the-prop="theProp"。由于孩子最终确实收到了道具，我假设我的设置是正确的，但似乎有某种延迟。父级在 ajax 调用的返回函数中设置道具，并再次：它正在工作，只是看起来有一点延迟。

我还尝试watch在孩子的道具上注册一个监听器，这样我就可以设置日历并确保道具在那里。但是，监视侦听器会触发，但this.$log('theProp')仍未定义。

如果我将数据与广播调用一起传递，就像this.$broadcast('dataLoaded', theData)孩子收到它一样。但是这样做似乎是错误的，因为我基本上是在构建自己的道具处理程序。

我没有发布任何代码，因为组件相当大，并且 VueJs devtools 告诉我父/子情况正在工作。

我错过了一些信息吗？在父母中设置一个值和接收它的孩子之间是否有轻微的延迟？在孩子中等待父母数据的正确方法是什么？

通常，当您只是将数据渲染到模板中时，时间并不重要，因为数据已绑定到模板。但在这种情况下，我真的需要数据来设置日历，否则会出错。

谢谢。

编辑1：这是一个jsfiddle：https ://jsfiddle.net/dr3djo0u/1/ 似乎确认广播后数据不可用。然而，观察者确实可以工作，尽管我几乎可以发誓，当我设置那个测试用例时，它有时会this.$log('someData')返回。undefined

但我想我的问题可能出在其他地方，我今晚去看看，我现在没有这个项目。

编辑2：做了更多的测试。我的问题是a）事件侦听器似乎没有立即接收数据，b）如果已经存在（例如，当来自父级时），我也试图在route.data回调中初始化日历，但是在someData组件已准备就绪，因此它也无法在那里工作。

我的解决方案现在是这样的：

我看到this topic，但这是Jquery，如何将其更改为Vue.js？Vue.jsv-on支持吗？我的错误在哪里？