问题标签 [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.
javascript - 在Vue2.0上我应该如何编译模板和绑定模板事件
我有以下组件,如何动态编译rowTemplate和cellTemplate,并在模板上绑定动态添加的事件?
在下面的代码中,只输出了原始的html。
我想不出任何办法来解决这个问题。请帮助,谢谢!
laravel - Vue 2.x 计算属性在其依赖项与内联数据绑定时不会更新
我在尝试从 Vue 1.0.27 迁移到 Vue 2.0.1 时遇到以下问题。
编辑添加了工作JSFidle
情况:
我构建了一个非常简单的应用程序,它获取任务列表(来自模型)并将它们显示在无序列表中,以及未标记为已完成的任务数量(即剩余任务)。ViewModel 和 Model 的代码如下所示:
为了显示任务列表,我使用了<task-list>
自定义组件。组件:
- 通过props拥有一个
tasks
属性 - 有一个名为的计算属性
remaining
,用于计算未完成的任务数 - 有两种方法
toggleCompletedStatus
和inProgress
自定义组件的代码如下所示
最后,在我看来,我使用v-bind
指令将组件的任务属性与数据绑定。
问题:
如果我尝试内联传递任务列表,则remaining
当用户单击任务时,计算属性不会更新。(即当 task.completed 属性发生变化时)
如果我尝试从服务器传递数据,也会存在同样的问题。以下示例在后端使用 Laravel 5.3:
任何帮助表示赞赏
vue.js - 使用 vue 2、路由器和 vue-loader 引导
使用 vuejs 1 的代码是:
组件在哪里Index
。
我尝试将其转换为 vue 2,如下所示:
但这给出了一个[Vue warn]: Error when rendering root instance
.
重写这个的正确方法是什么?
谢谢
javascript - 带有 Vue 2.0 的 Sortable.js 排序不正确
我正在使用 Sortable.js 和 Vue.js。目标是对项目进行排序并保持数据更新。
它在 Vue 1.x 中运行良好,但在更新到 2.0 后排序变得不正确。数组仍然正确更新,但 DOM 中的项目位于错误的位置。
jsFiddle https://jsfiddle.net/4bvtofdd/4/
有人能帮我吗?
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 的新手,所以我完全不知道如何解决它。任何人都知道如何(并请解释为什么)来解决它?
vue.js - 重用组件时如何触发转换?
同一个组件之间过渡时如何触发过渡?
(使用 vue-router 1,有一个canReuse
钩子。它在 vue-router 2 中不再存在。)
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'
它工作正常!
有人知道如何解决吗?
javascript - 在 vuejs 2 中将道具转换为数据属性
我有一个简单的组件,由
组件看起来像
问题是我必须将 json 有效负载传递给初始组件,但这会将有效负载设置为道具,而不是数据属性。当我尝试操纵道具时,它永远不会更新。所以我将 _people 属性映射到 people 属性。
这是一个好主意吗?我在这里错过了什么明显的东西吗?
javascript - VueJS数据()不起作用
我正在尝试制作一个 VueJS 应用程序,但即使使用最简单的示例也失败了。我正在使用 Laravel 5.3,并预先构建了对 VueJS 的支持(版本 1,我也尝试了版本 2)。
这是我的 Example.vue 组件
这是主要代码
这是每次在控制台中出现的错误:
[Vue 警告]:属性或方法“名称”未在实例上定义,但在渲染期间被引用。确保在 data 选项中声明反应数据属性。(在组件中找到)
有什么想法有什么问题吗?谢谢