问题标签 [vuejs2]

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 投票
1 回答
211 浏览

javascript - 在Vue2.0上我应该如何编译模板和绑定模板事件

我有以下组件,如何动态编译rowTemplate和cellTemplate,并在模板上绑定动态添加的事件?

在下面的代码中,只输出了原始的html。

我想不出任何办法来解决这个问题。请帮助,谢谢!

0 投票
1 回答
892 浏览

laravel - Vue 2.x 计算属性在其依赖项与内联数据绑定时不会更新

我在尝试从 Vue 1.0.27 迁移到 Vue 2.0.1 时遇到以下问题。

编辑添加了工作JSFidle

情况:

我构建了一个非常简单的应用程序,它获取任务列表(来自模型)并将它们显示在无序列表中,以及未标记为已完成的任务数量(即剩余任务)。ViewModel 和 Model 的代码如下所示:

为了显示任务列表,我使用了<task-list>自定义组件。组件:

  • 通过props拥有一个tasks属性
  • 有一个名为的计算属性remaining,用于计算未完成的任务数
  • 有两种方法toggleCompletedStatusinProgress

自定义组件的代码如下所示

最后,在我看来,我使用v-bind 指令将组件的任务属性与数据绑定。

问题:

如果我尝试内联传递任务列表,则remaining当用户单击任务时,计算属性不会更新。(即当 task.completed 属性发生变化时)

如果我尝试从服务器传递数据,也会存在同样的问题。以下示例在后端使用 Laravel 5.3:

任何帮助表示赞赏

0 投票
2 回答
1316 浏览

vue.js - 使用 vue 2、路由器和 vue-loader 引导

使用 vuejs 1 的代码是:

组件在哪里Index

我尝试将其转换为 vue 2,如下所示:

但这给出了一个[Vue warn]: Error when rendering root instance.

重写这个的正确方法是什么?

谢谢

0 投票
3 回答
2767 浏览

javascript - 带有 Vue 2.0 的 Sortable.js 排序不正确

我正在使用 Sortable.js 和 Vue.js。目标是对项目进行排序并保持数据更新。

它在 Vue 1.x 中运行良好,但在更新到 2.0 后排序变得不正确。数组仍然正确更新,但 DOM 中的项目位于错误的位置。

jsFiddle https://jsfiddle.net/4bvtofdd/4/

有人能帮我吗?

0 投票
27 回答
269690 浏览

javascript - Vue 2 - 变异道具 vue-warn

我开始https://laracasts.com/series/learning-vue-step-by-step系列。我在Vue、Laravel 和 AJAX课程上停了下来,但出现了这个错误:

vue.js:2574 [Vue 警告]:避免直接改变 prop,因为只要父组件重新渲染,该值就会被覆盖。相反,使用基于道具值的数据或计算属性。正在变异的道具:“列表”(在组件中找到)

我在main.js中有这段代码

当我覆盖列表道具时,我知道问题出在created()中,但我是 Vue 的新手,所以我完全不知道如何解决它。任何人都知道如何(并请解释为什么)来解决它?

0 投票
2 回答
11590 浏览

vue.js - 无法挂载组件:未定义模板或渲染函数

我正在尝试使用vue-router在我的导航栏组件下方显示路由组件,但我收到标题中指定的错误。

这是我的代码:

main.js

应用程序.vue

组件/fs-navbar.vue

此应用程序导致错误:

如果我将fs-navbar模板直接添加到app.vue的模板中,一切都会按预期工作。没有路由器应用程序也可以正常工作。

我正在使用带有此模板的 vue-cli (vuejs2)

0 投票
1 回答
2252 浏览

vue.js - 重用组件时如何触发转换?

同一个组件之间过渡时如何触发过渡?

(使用 vue-router 1,有一个canReuse钩子。它在 vue-router 2 中不再存在。)

0 投票
3 回答
836 浏览

webpack - Vue 2 + VueRouter 2 + Laravel 5.3 - Webpack(运行时 x 独立构建问题)

我在尝试将 Vuejs 2 + Vue Router 2 + Laravel 5.3 与 webpack 一起使用时遇到错误!

有我的代码:

我的 index.html

我的 app.js

我的应用程序.vue

有了这个有以下错误:

您正在使用仅运行时构建的 Vue,其中模板选项不可用。要么将模板预编译为渲染函数,要么使用包含编译器的构建。

如果我将 Vue 导入从:更改 import Vue from 'vue'import Vue from 'vue/dist/vue.js' 它工作正常!

有人知道如何解决吗?

0 投票
2 回答
818 浏览

javascript - 在 vuejs 2 中将道具转换为数据属性

我有一个简单的组件,由

组件看起来像

问题是我必须将 json 有效负载传递给初始组件,但这会将有效负载设置为道具,而不是数据属性。当我尝试操纵道具时,它永远不会更新。所以我将 _people 属性映射到 people 属性。

这是一个好主意吗?我在这里错过了什么明显的东西吗?

0 投票
3 回答
5339 浏览

javascript - VueJS数据()不起作用

我正在尝试制作一个 VueJS 应用程序,但即使使用最简单的示例也失败了。我正在使用 Laravel 5.3,并预先构建了对 VueJS 的支持(版本 1,我也尝试了版本 2)。

这是我的 Example.vue 组件

这是主要代码

这是每次在控制台中出现的错误:

[Vue 警告]:属性或方法“名称”未在实例上定义,但在渲染期间被引用。确保在 data 选项中声明反应数据属性。(在组件中找到)

有什么想法有什么问题吗?谢谢