问题标签 [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 投票
0 回答
146 浏览

vuejs2 - 在 Mixins 中使用 state props/ 值

我过去使用过 VueJS,但这个新版本需要一些时间来适应。我有一个父组件需要将数据传递给孩子,当孩子完成数据时需要取消设置。

我应该使用状态管理还是只实现事件发射器?

您还可以将“商店”实现为mixin吗?对于应用范围内的父子组件而不是全局?我问这个是因为我只需要范围内的父组件和子组件之间的状态管理,而不是全局应用程序本身

0 投票
2 回答
2126 浏览

javascript - Vue 2 - 从 ajax 响应中渲染组件

有没有办法渲染来自 ajax 响应的组件?例如,我注册了一个组件“Test”,在 ajax 响应中我有:

我的最终目标是制作一个简码,让用户在内容区域中插入路由器链接。

我正在使用 Vue 2,vue 路由器

编辑:这是一个演示https://jsfiddle.net/Paulius_Krutkis/4mb1ypqs/

0 投票
1 回答
2045 浏览

vue.js - 如何让路由参数与 vue-router 和 vuex 一起使用

我正在尝试将数据从组件传递到 $route.params.post 但在某处它失败了,我不知道如何让它工作。

在我的组件中,我router-link用来转到路由文件中的特定路径,但它没有路由到指定的组件。

单击该按钮应打开 Replies 组件,其路线看起来像/replies/#,但它只是加载一个空白页面并完全忽略该组件。我正在导入vuex-router-sync我的main.js,但我不知道这是否是问题,但我很清楚这很可能是因为我不完全确定我vuex-router-sync是否正确使用。

0 投票
4 回答
48958 浏览

javascript - Vue.js 2 中未定义“窗口”

我目前正在将我的应用程序从 Vue.js 1 升级到 Vue.js 2。我的主要组件中的以下函数有问题:

我的控制台显示此错误:'window' is not defined 这怎么可能?我不明白原因。如何解决这个问题,为什么新版本会出现这个问题?

--- 编辑 --- 一些附加代码:

主.js:

索引.html:

主要成分:

0 投票
5 回答
244993 浏览

javascript - 如何在页面加载时调用 vue.js 函数

我有一个帮助过滤数据的功能。我在v-on:change用户更改选择时使用,但我还需要在用户选择数据之前调用该函数。我AngularJS以前使用过同样的方法,ng-init但我知道在中没有这样的指令vue.js

这是我的功能:

blade文件中,我使用刀片表单来执行过滤器:

当我选择特定项目时,这很好用。然后,如果我点击所有让我们说all floors,它的工作原理。我需要的是在加载页面时,它调用将使用空输入getUnits执行的方法。$http.post在后端,我以某种方式处理请求,如果输入为空,它将提供所有数据。

我怎样才能做到这一点vuejs2

我的代码:http: //jsfiddle.net/q83bnLrx

0 投票
5 回答
15237 浏览

webpack - 将 JSON 导入 VueJS

我正在使用 wbepack 编译一个 VUEJS 项目,在该项目中我将一个包含对象数组的 JSON 文件导入到 vueJS 中,但是当通过组件访问它时,该对象似乎为空。

我没有收到任何编译错误或任何其他报告的错误。

什么可能导致对象someArr为空?

PS我能够通过AJAX成功加载json

0 投票
2 回答
1585 浏览

javascript - Vue JS 路由器和动态更新路由内容

我目前正在使用 Vue Router 创建一个客户端 Vue JS 应用程序。为了给你一些历史,应用程序加载一个存储在服务器上的 json 文件来显示数据。这个文件会定期更新,我想重新加载文件并更新视图。

忽略数据文件的获取(这一点很好),当我使用基本 Vue 示例设置新的数据获取并更新数据时,它按预期工作。

但是,当我引入 Vue Router 时,不显示可见的更新数据。对结果(甚至路由器/vue 实例)执行 aconsole.log会显示新的数据更改,但 HTML 不会更新以反映更改。

我正在使用 Vue 2(这是相当新的),所有文档/示例都指向更新页面导航上的数据并使用 Node(我没有这样做)。

我用我正在做的基本过程模拟了一个简单的 JS bin。您可以在newData数组中看到,第一项的名称和百分比发生了变化。

http://jsbin.com/jeseden/edit?js,输出

任何帮助深表感谢。

0 投票
0 回答
797 浏览

javascript - -enter-active 和 -leave-active 类在切换 Vue 事件时不会出现

由于某种原因,在我的 webpack/vue-loader 应用程序的 de html 代码中出现 -enter-active 和 -leave-active 且默认超时的情况下,不可能产生过渡效果。

在处理了一些缺少动画的问题后,我从我的 webproject 中的vue-guide复制/粘贴了以下代码。即使是下面这个简单的例子也根本不起作用。

还有其他人遇到这个问题吗?

索引.html

我的 main.js 文件:

**我通过添加 css class fade-enter-active, .fade-leave-active 解决了上面的代码 **

但是,相同的原理在我在 Vue.component 中创建的图像滑块中仍然不起作用。代码看起来像这样。

0 投票
4 回答
24291 浏览

vue.js - Vue.js 带有默认子节点的嵌套路由

我对 Vue.js 2 中的默认子路由有疑问。

当我最初访问 localhost/listings 时,它会正确加载 index.vue 和 map.vue 作为孩子。

当我使用 router-link 导航到 localhost/listings/1,然后使用 router-link 返回 localhost/listings 时,它仍然会加载 show.vue 模板。这不应该发生吗?

我没有导航守卫或任何应该干扰的东西。无论如何要纠正这个问题吗?

我的路线:

0 投票
1 回答
438 浏览

jquery - 获取 VueJS 中创建元素的 HTML 以使用 JQuery

我有默认的用户列表和按钮添加用户,它将用户添加到列表中。通过按下按钮创建的用户我想立即将用户添加到列表中标记为红色背景。让它即时使用

this.$watch("list", function() {

});

用户删除时它工作正常。当单击删除索引 var 时受影响的先前行。 https://jsfiddle.net/apokjqxx/37/ 如何重现:点击添加项目。然后删除创建的项目。托尼将有红色背景,但我只需要创建用户的红色背景。

如何获取已创建元素的 html 并仅在已创建元素 HTML 中使用 jquery?