问题标签 [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.
javascript - Vue - 在第一次特定初始化中忽略观察者
我有无法继续前进的用例,我将感谢您的帮助。在我的 vue 组件中,我有模型“foo”属性的观察者aaa
,bbb
如下所示:
有多个选择输入,选择模型foo.bbb
取决于选择模型foo.aaa
,所以我需要在更改bbb
时设置为 null aaa
。
现在我需要解决我修改对象并从 mixin 的方法foo
设置其属性的情况。created
在那种情况下,当我从 mixin 更改它时,我需要忽略观察者,因为它始终为 nullbbb
属性。你能告诉我如何解决吗?谢谢你。
vuejs2 - 如何通过 vuejs 中的全局 mixins 在组件之间共享数据?为什么它没有反应?
我想在所有组件之间共享简单数据,我知道它可以使用Vuex
或全局变量作为状态来完成,但这对我的项目来说太过分了!
这是代码:
base_url
是恒定的并且它的工作但isLoading
必须是反应性的并且它不工作,当我在一个组件中更改它并将它记录到另一个组件中时,它保持不变。
现在我的问题是在 vue mixins 中应该使用什么样的数据?mixins 是否仅用于共享代码或数据也可以由 mixins 共享?
vue.js - 为vue中的每个标签添加属性
<img
我有一个 vue 项目,模板中有很多标签。有很多带有更多图像的组件。现在我想为他们全部禁用拖动。
首先想到的是 grep 文件的<img
标签并添加draggable="false"
到每个模板内的每个图像中。
我想知道我是否可以在一个地方做到这一点,比如在全局 mixin 中。
vue.js - vue 中的 watch 属性是生命周期钩子吗?
watch
vuejs 生命周期钩子中是否包含任何属性?
在这里,您可以看到codepen的摘录:
myData
来自 myMixin 的观察者和组件的被调用。然而,来自组件的正常方法被覆盖。
在文档中说:
将同名的钩子函数合并到一个数组中,这样所有的钩子函数都会被调用。Mixin 钩子会在组件自己的钩子之前被调用。
但是,watch
不是钩子函数/生命周期钩子吗?
vuejs2 - 从另一个组件调用的 vue.js 2 混合函数,给出“TypeError:无法读取未定义的属性‘搜索’”
我有一个search.mixin.js
带有 a 的文件,search()
并且我有一个vue-productPage
在其中调用该 mixin 的组件。
当我搜索产品时,我收到此错误:“未捕获的类型错误:无法读取未定义的属性‘搜索’”
这是我的混音:
这是我的组件:
不知道我做错了什么。
vue.js - vue mixin 在实例和组件之间共享
我有一些我想在我的网站上分享的功能。我的网站确实有多个 Vue 实例,而不仅仅是一个应用程序实例入口点。
我已经像这样创建了我的 mixin:
然后将这个 mixin 注入到我的 Vue 实例中,如下所示:
当然,这完全符合预期,但我的问题是我想在其他地方的组件中重用这个 mixin。这会导致问题。
以下是它注入组件的方式:
可以想象,mixin 无法与data
组件的属性合并。由于这是一个组件,因此 data 属性必须返回一个返回对象的函数。这不是我的 mixin 的设置方式。
这是我从 Vue 得到的错误:
[Vue 警告]:“数据”选项应该是在组件定义中返回每个实例值的函数。
我可以创建一个可跨实例和组件重用的 mixin 吗?
javascript - VueJs 中的全局加载数据偶尔为空
我是 VueJs 的新手,目前只尝试加载一些数据并使其对所有 vue 组件全局可用。实现这一目标的最佳方法是什么?我有点卡住了,因为全局变量有时似乎变为空,我不知道为什么。
在我的 main.js 中,我创建了三个全局 Vue 实例变量:
在我的 App.vue 组件中,我加载了所有数据:
但是当我尝试访问时,$clientConfiguration
它似乎null
不时出现,我不知道为什么。例如,当我尝试构建导航侧边栏时:
vue.js - 是否建议将仅由一个组件使用的 Vue 组件的方法提取到 Vue mixin 中?
我想知道使用 Vue Mixins 的最佳实践:我有一个复杂的 Vue 组件,它实现了一个具有广泛功能(例如排序、过滤器)的表。我想提取特定的功能,例如排序到一个 Mixin(对于这个示例方法和一些帮助函数)到一个单独的文件。
仅在一个组件中使用 Vue mixin 的代码可以吗?
示例教程给出的所有用例我只在以下两个用例中看到了 Mixins:
- 作为所有组件的全局 Mixin
- 作为两个或多个组件的特定 Mixin
vue.js - 将 props 数据绑定到全局 mixin
我有来自 getter 的数据的全局混合,例如:
我想在所有组件上绑定“currentTheme”,其中一个名为“theme”的道具
我想我需要 hook beforeMount
,因为在以前的 hooks 中我不能使用计算数据
我怎样才能做得更好并具有反应性?
vue.js - 如何修复我的 Vue 组件以正确显示我的 Vue-Chart.js 折线图?
我想使用 vue-chartjs 库创建一个折线图。
到目前为止,我创建的内容没有产生任何错误,但它也只呈现空白画布。当我切换到开发人员视图时,我注意到我的所有数据都打印出来了。我只是不确定为什么它不渲染。
这是我的 HTML 和 Vue 代码片段:
如果粘贴的代码还不够,这里是Pen