vue-component相关内容
我偶尔会在我的 Vue Web 应用程序中收到以下错误消息,但当它确实发生时,它会完全停止我的应用程序. 错误消息 1: [Vue 警告]:nextTick 出错:“NotFoundError:执行失败'Node' 上的 'insertBefore':新节点所在的节点插入的不是这个节点的子节点." 错误信息 2: DOMException: 无法在 'Node' 上执行 '
..
我试图在另一个具有预定义属性的组件中使用主要组件. 这就是我想要实现的目标,但结果我得到了一个空的 div. 从'./CallDialogLink.vue'导入CallDialogLink;导出默认{道具: {ID
..
我在 vue 中有一个组件,我希望在点击时切换主体上的一个类. 我该怎么做?我是否只需要使用 JS 来定位正文并添加一个类? 或者有更多的vue方式吗? 对于上下文,我需要向正文添加一个无滚动类,以防止滚动覆盖菜单. 解决方案 我认为对主体的反应式绑定通常是不受欢迎的.请参阅此 Vue 团队成员 和 他链接到的文章.这让我觉得没有一种“vue 方式"可以在单击组件时更改主
..
我有两个组件,一个包含另一个. 当我从孩子触发事件时,我无法在父母中收到它. 子组件 this.$emit('myCustomEvent', this.data); 父组件 但是,当我在两个地方将事件名称更改为 my-custom-event 时,它都可以工作. Vue 以某种方式转换事件名称?或者有什么问题?我阅读了 docs 关于组件命名约定,但没有与事件相关的内容
..
这是一个 VueJS 组件: 点击我导出默认{数据() {返回 {一个:“一个",b: "某事",foo: { bar: "baz" },//等等.}},方法: {日志() {//console.log( 数据 );//???}}} 我想从 log 函数访问 data 并将其作为对象获取(就像在其声明中一样).我知道我可以得到这样的数据:
..
我的 vue 组件是这样的: ...
{{tab.title}} ...导出默认{道具:['商店
..
小提琴:这里 我正在使用 Vue 2 和 Vuex 创建一个 web 应用程序.我有一个商店,我想从 getter 中获取状态数据,我想要的是如果 getter 发现数据尚未填充,它会调用 dispatch 并获取数据. 以下是我的 Vuex 商店: const state = {宠物:[]};常量突变 = {SET_PETS(状态,响应){state.pets = 响应;}};常量
..
我添加了如下所示的多选组件 查看 未找到书籍 脚本 导出默认{数据() {返回 {书籍:[],选定的书:空,}},创建(){this.getBooks();this.getFav();},方法: {获取书籍(){这个.$http.get('/书/').然后(功能(响应){this.books = response.js
..
我有以下类型的代码: 如何确保第一个 compA 仅在 compB 呈现后才呈现. 为什么我想要的是我对 compA 的几个元素有一些依赖性,而 compB 的样式取决于这些元素的存在. 详细原因: 我有一些复杂的 UI 设计,当你滚动时,其中一个框会固定.所以当你滚动时它不会超过屏幕,一旦你开始滚动它就会被固定并开始接触标题.所以我使用
..
当将 vue-router 与 .vue 文件一起使用时,没有记录的方法可以将数据从一个视图/组件传递到另一个视图/组件. 让我们进行以下设置... main.js: 从'vue'导入Vue;从 'vue-router' 导入 VueRouter;Vue.use(VueRouter);让路线= [{路径:'/page1',组件:需要('./views/Posts.vue')},{
..
我正在尝试在我的 Vue.js 2 应用程序中搜索或过滤 3 个字段 firstname、lastname 和 email.我知道 Vue 2 没有与 Vue 1 不同的内置过滤器方法,因此我创建了一个只能过滤一个字段的自定义方法.如何将其扩展到多个领域?我尝试过类似这样的 filterBy(list, value1, value2, value3) 但它不起作用. 这是我的代码
..
这个问题可能听起来很基本,但我无法弄清楚如何在 VueJS 中做到这一点 我在html中有以下内容 var config = {'cols':4,'color':'red'}
var app = new Vue({el: '#app',数据: {//config: confi
..
我有一个简单的 Vue 过滤器,它将数组的长度限制为 n 个元素.像这样使用效果很好: {{ 数组 |limitArray(2) }} 现在我想在 v-for 循环中使用它,就像这样: ...
但这会引发错误.如何在 v-for 中使用过滤器? 编辑:可能不重要,但有问题的过
..
我在 Vue 中实现动态模态组件时遇到问题. 我用来显示从数据库中获取的一组数据的一种常用方法是通过迭代数据库结果的每一行来转储 HTML 表元素中的每一行.像这样: 正如您在屏幕截图中看到的,每一行都有一个或多个由循环动态生成的按钮.为了将模态组件绑定到每个按钮(例如本场景中的删除按钮),我执行了以下操作. HTML:
..
我需要销毁像 v-if 这样的自定义指令中的元素.(如果条件失败,则禁止创建项目.) 我正在尝试这个 export const moduleDirective: DirectiveOptions |DirectiveFunction = (el, binding, vnode) =>{const moduleStatus = store.getters[`permissions/${bin
..
我有这样的导航组件:
..
我正在努力使其工作.我需要从 FormComponent 访问 ChooseLangComponent 中的 selected 值.有没有直接的方法可以做到这一点,或者我们必须从父组件传递它(像中间人一样)?我已经尝试过在 ChooseLangComponent 上使用 $emit 和在 FormComponent 上使用 v-on:... 但没有奏效. 选择LangComponent:
..
我有一个父母和一个孩子.在父级中,我将 3 个变量作为道具传递给子级.在 Child 中,我使用 watch() 来寻找变量的变化.当第一次创建孩子时,watch 按预期工作,但是当来自道具的数据更新时,孩子的 DOM 不会更新.正在寻找变量数据变化的 watch 函数根本没有运行. 这是我的代码.有点长,请耐心看完. Parentcomponent.vue
..
我正在开发一些 Vue 组件,我想将它们放入 NPM 包中.我面临的问题是我不知道如何发布依赖于 Vuex 模块的组件. 我已经将这个组件库所需的所有代码整齐地放置到一个单独的 Vuex 模块中,但是当有人导入我的包时我该如何注册我的模块? 我想创建一个插件是一个好的开始,但我仍然需要检查 Vuex 实例并以某种方式注册我的模块. 我看过很多关于如何发布 Vue 组件的教程,但没
..
我目前正在使用 require.context 加载我所有的 .vue 组件,这些组件的文件名不以 Async 结尾.> const loadComponents = (Vue) =>{const components = require.context('@/components', true,/\/[A-Z](?!\w*Async\.vue$)\w+\.vue$/);components.k
..