问题标签 [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 - vuejs 无法读取未定义的属性保存
我的 vue save 方法有问题,我不知道它是如何定义不正确的。我使用 Laravel 5、VueJS 2 和 webpack 来编译它。
所以在我的 app.js 中,我有以下内容:
在我的 createLocation.vue 我有以下代码:
然而,每当我按下提交按钮时,我都会收到:
但我不知道为什么现在会发生这种情况?我的仪表板上有一个类似的 get 请求,它运行良好,因此我可以确认 vue 路由器和 vue 资源工作正常。
javascript - 稍后在项目中将 Vue.js 从独立构建更改为仅运行时构建?
为一个新项目使用了 Vue.js的runtime-only
构建版本。我在文档中看到要切换到standalone
需要向 webpack 添加别名的文档,如下所示:
目前,我的应用程序中不需要编译器。但是,在某些时候我可能需要切换到standalone
构建。
我的问题是:
这会是一个轻松的切换,runtime-only
还是standalone
需要大量的重构?
如果是这样,我还不如开始standalone
并避免以后重构。
javascript - 如何编译 Vuejs 单文件组件?
我正在使用 Vuejs 2(webpack-simple 模板),我想知道如何在渲染之前编译模板。在我的代码下面:
应用程序.vue
main.js
这些是我启动服务器时遇到的错误:__WEBPACK_IMPORTED_MODULE_0_vue___default.a.compile is not a function
我也尝试了这个插件vue-template-compiler,但没有成功。你能帮我让它工作吗?提前致谢。
webpack - 如何让 Flow 与 Vue 2 (webpack) 一起正常工作?
我正在尝试将Flow添加到 Vue 2 webpack-template。为了记录,我只在运行时(文件遵循.vue
格式/标准)。
我的第一次尝试是通过 cli 使用流,我意识到它不会工作,因为它不知道如何处理.vue
文件。
我的第二次尝试是添加一个 webpack 加载器(即 flow-status-webpack-plugin)并运行 Flow check 作为构建的一部分(例如eslint
作品)。那没有成功,所以我研究了其他选择。
我的第三次尝试是使用 babel 插件,一开始还算成功。我使用了 babel-plugin-typecheck + babel-plugin-syntax-flow。Webpack 中没有输出,但是类型错误会破坏应用程序。我对这种方法很好;它可以与 CI 一起正常工作并破坏构建。
这是我的.babelrc
样子:
此时,Flow 对全局方法按预期工作,但在 Vue 组件中不起作用:
最重要的是,目标是不要因为 Flow 而更改应用程序代码。理想情况下,我会像往常一样使用 Vue:
不确定这是否与 Vue 有很大关系,就像我在 Flow 方面的经验一样(提示:没有那么有经验)。我在想我需要一些类型文件来让 Flow “理解” Vue 组件的结构(我猜对指令也是如此)。
对于那些有更多经验的人,您是如何让 Flow 与 Vue + webpack 一起正常工作的?
validation - 验证在 Vue.js 2.0 中是如何工作的?
Vue.js 的新手。我用谷歌搜索了很多 Vue.js 1.0 的资源,但没有找到 vue js 2.0 的资源。
javascript - Vuejs 2 + 表单验证
由于 vue-validator https://github.com/vuejs/vue-validator已经为 Vuejs 2 做好了准备,那么实现前端验证的最佳方式是什么?
更新我发现了这个很棒的插件 Vee Validate
vuejs2 - Vuejs 2 + 拼接
我想知道为什么当我在 VueJS 2 中使用 splice 时,它会删除最后一个索引而不是我想要的索引。看看这个例子https://jsfiddle.net/tiagomatosweb/t121ufk5/
我错过了什么?
更新
我找到了它没有删除正确数组的原因。实际上,它是,但选择没有更新。
1) 例如,我将内部模型 var 用于 select v-model="fruitId"。2) 它必须是来自该部分的外部变量,正如您所写的 v-model="section.fruit"。
这就是诀窍。
然后我回来使用Vuejs索引并且工作得很好。
vue-component - 如何在 VueJS 中的组件之间共享数据
我有一个相当简单的 VueJS 应用程序,3 个组件(登录、SelectSomething、DoStuff)
登录组件只是用户的一个表单并传递输入,而第二个组件需要显示登录过程中获得的一些数据。
如何将数据从一个组件共享到其他组件?这样当我路由到第二个组件时,我仍然可以在登录中获得数据吗?
vue-resource - 如何在 Vue 实例的 beforeCreate 挂钩中进行异步调用?
我正在构建一个带有身份验证的 Vuejs 应用程序。
加载页面并初始化app
Vuejs 实例时,我正在使用beforeCreate
挂钩来设置用户对象。我从中加载 JWTlocalStorage
并将其发送到后端进行验证。
问题是这是一个异步调用,并且app
在调用返回验证结果之前,该对象的组件(导航栏、视图等)正在使用空用户数据进行初始化。
延迟子组件的初始化直到一个承诺对象解决的最佳实践是什么?
这是我的 Vue 应用程序对象中的内容: