问题标签 [vue-mixin]

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 投票
2 回答
1758 浏览

javascript - Vue - 在第一次特定初始化中忽略观察者

我有无法继续前进的用例,我将感谢您的帮助。在我的 vue 组件中,我有模型“foo”属性的观察者aaabbb如下所示:

有多个选择输入,选择模型foo.bbb取决于选择模型foo.aaa,所以我需要在更改bbb时设置为 null aaa

现在我需要解决我修改对象并从 mixin 的方法foo设置其属性的情况。created在那种情况下,当我从 mixin 更改它时,我需要忽略观察者,因为它始终为 nullbbb属性。你能告诉我如何解决吗?谢谢你。

0 投票
1 回答
3029 浏览

vuejs2 - 如何通过 vuejs 中的全局 mixins 在组件之间共享数据?为什么它没有反应?

我想在所有组件之间共享简单数据,我知道它可以使用Vuex或全局变量作为状态来完成,但这对我的项目来说太过分了!

这是代码:

base_url是恒定的并且它的工作但isLoading必须是反应性的并且它不工作,当我在一个组件中更改它并将它记录到另一个组件中时,它保持不变。

现在我的问题是在 vue mixins 中应该使用什么样的数据?mixins 是否仅用于共享代码或数据也可以由 mixins 共享?

0 投票
2 回答
212 浏览

vue.js - 为vue中的每个标签添加属性

<img我有一个 vue 项目,模板中有很多标签。有很多带有更多图像的组件。现在我想为他们全部禁用拖动。

首先想到的是 grep 文件的<img标签并添加draggable="false"到每个模板内的每个图像中。

我想知道我是否可以在一个地方做到这一点,比如在全局 mixin 中。

0 投票
2 回答
1254 浏览

vue.js - vue 中的 watch 属性是生命周期钩子吗?

watchvuejs 生命周期钩子中是否包含任何属性?

在这里,您可以看到codepen的摘录:

myData来自 myMixin 的观察者和组件的被调用。然而,来自组件的正常方法被覆盖。

在文档中说:

将同名的钩子函数合并到一个数组中,这样所有的钩子函数都会被调用。Mixin 钩子会在组件自己的钩子之前被调用。

但是,watch不是钩子函数/生命周期钩子吗?

0 投票
2 回答
603 浏览

vuejs2 - 从另一个组件调用的 vue.js 2 混合函数,给出“TypeError:无法读取未定义的属性‘搜索’”

我有一个search.mixin.js带有 a 的文件,search()并且我有一个vue-productPage在其中调用该 mixin 的组件。

当我搜索产品时,我收到此错误:“未捕获的类型错误:无法读取未定义的属性‘搜索’”

这是我的混音:

这是我的组件:

不知道我做错了什么。

0 投票
1 回答
604 浏览

vue.js - vue mixin 在实例和组件之间共享

我有一些我想在我的网站上分享的功能。我的网站确实有多个 Vue 实例,而不仅仅是一个应用程序实例入口点。

我已经像这样创建了我的 mixin:

然后将这个 mixin 注入到我的 Vue 实例中,如下所示:

当然,这完全符合预期,但我的问题是我想在其他地方的组件中重用这个 mixin。这会导致问题。

以下是它注入组件的方式:

可以想象,mixin 无法与data组件的属性合并。由于这是一个组件,因此 data 属性必须返回一个返回对象的函数。这不是我的 mixin 的设置方式。

这是我从 Vue 得到的错误:

[Vue 警告]:“数据”选项应该是在组件定义中返回每个实例值的函数。

我可以创建一个可跨实例和组件重用的 mixin 吗?

0 投票
1 回答
1466 浏览

javascript - VueJs 中的全局加载数据偶尔为空

我是 VueJs 的新手,目前只尝试加载一些数据并使其对所有 vue 组件全局可用。实现这一目标的最佳方法是什么?我有点卡住了,因为全局变量有时似乎变为,我不知道为什么。

在我的 main.js 中,我创建了三个全局 Vue 实例变量:

在我的 App.vue 组件中,我加载了所有数据:

但是当我尝试访问时,$clientConfiguration它似乎null不时出现,我不知道为什么。例如,当我尝试构建导航侧边栏时:

0 投票
1 回答
217 浏览

vue.js - 是否建议将仅由一个组件使用的 Vue 组件的方法提取到 Vue mixin 中?

我想知道使用 Vue Mixins 的最佳实践:我有一个复杂的 Vue 组件,它实现了一个具有广泛功能(例如排序、过滤器)的表。我想提取特定的功能,例如排序到一个 Mixin(对于这个示例方法和一些帮助函数)到一个单独的文件。

仅在一个组件中使用 Vue mixin 的代码可以吗?

示例教程给出的所有用例我只在以下两个用例中看到了 Mixins:

  • 作为所有组件的全局 Mixin
  • 作为两个或多个组件的特定 Mixin
0 投票
1 回答
290 浏览

vue.js - 将 props 数据绑定到全局 mixin

我有来自 getter 的数据的全局混合,例如:

我想在所有组件上绑定“currentTheme”,其中一个名为“theme”的道具

我想我需要 hook beforeMount,因为在以前的 hooks 中我不能使用计算数据

我怎样才能做得更好并具有反应性?

0 投票
1 回答
60 浏览

vue.js - 如何修复我的 Vue 组件以正确显示我的 Vue-Chart.js 折线图?

我想使用 vue-chartjs 库创建一个折线图。

到目前为止,我创建的内容没有产生任何错误,但它也只呈现空白画布。当我切换到开发人员视图时,我注意到我的所有数据都打印出来了。我只是不确定为什么它不渲染。

这是我的 HTML 和 Vue 代码片段:

如果粘贴的代码还不够,这里是Pen