如何在不添加历史记录的情况下推送到 vue 路由器?

我有以下序列发生: * 主屏幕 * 加载屏幕 * 结果屏幕 在主页上,当有人点击按钮时,我会将它们发送到加载屏幕,通过: this.$router.push({path: "/loading"}); 一旦他们的任务完成,他们被发送到结果屏幕通过 this.$router.push({path: "/results/xxxx"}); 问题是,通常他们想从结果回到主屏幕,但是当他们点击后退时,他们会被再次加载,这将他们返回结果, 所以他们被困在一个无限循环中 & 无法回到主屏幕。 任何想法如何解决这个问题?我理想情况下,如果有这样的选择: this.$router.push({path: "/loading", addToHistory: false}); 这将把他们送到路线上,而不会把它添加到历史中。 ……

共5个回答, 标签: javascript vue.js vue-router
找不到模块 “。/src/数据” 与 vue-cli

我用 vue-cli 4.1.1 创建了一个项目,在运行纱线服务后,我收到了以下错误 错误: [· 巴贝尔] C: \ dev \ vuestudy \ src \ main。 js: 找不到模块。 /src/data '(在处理时: “C: \ \ dev \ \ vuestudy \ \ node_modules \ \ @ vue \ \ cli-插件-babel \ \ preset。 js ”) 这个有什么建议吗? 提前感谢。 更新: Kousha 和 Dave 是对的,在等待 core-js 包更新后,我创建了一个新项目,现在它开始工作了。 ……

共4个回答, 标签: vue.js babel
创建可以管理外部数据的抽象组件

目前,我对基本组件使用 Vuetify,并希望创建可重用的扩展。例如,包含复选框的列表、具有某些功能的 datatable 列等。 对于这个问题,我将采取包含复选框的列表例子。我创建了以下组件CheckboxGroup 的 vue 导出默认 { 道具: { 项目: 数组, 要求: 真实 } }; 此组件将对象数组作为属性,并为每个条目创建复选框。 重要的部分是v-model="item.state" and :label="item.title". Most of the time the state attribute will have a different name, same for the title属性。 为了测试的目的,我创建了一个名为家里的 vue保存一组文档。 从 “../组件/复选框组” 导入复选框组; 导出默认 { 组件: { 复选框组 }, 数据: 函数 () { 返回 { 文件: 【 { Id: 1, 姓名: “Doc 1” 已删除: false }, { Id: 2, 姓名: “Doc 2” 已删除: false }, { Id: 3, 姓名: “ ……

共4个回答, 标签: javascript vue.js vuetify.js
类型错误: clean webpackplugin 不是构造函数

我试图通过 webpack-server-dev.I 预览 vue web 应用程序 Https://medium.com/the-web-tub/creating-your-first-vue-js-pwa-project-22f7c552fb34 [https://medium.com/the-web-tub/creating-your-first-vue-js-pwa-project-22f7c552fb34] 该指南解释说,插件用于删除 dist 目录中的旧文件和未使用的文件。我已经试过更换了const CleanWebpackPlugin = require('clean-webpack-plugin') with const { CleanWebpackPlugin } = require('clean-webpack-plugin')一些帖子建议这样做。我也尝试过查看上的文档 Https://github.com/johnagan/clean-webpack-plugin [https://github.com/johnagan/clean-webpack-plugin]但是没有成功,因为我对 ……

共4个回答, 标签: javascript vue.js webpack webpack-dev-server
Vue npm 运行服务启动的任意端口

我试图在端口 8080 上运行 Vue,但无法正常工作。我刚刚创建了一个全新的项目vue create . and ran it with npm run serve,它在随机端口上启动应用程序。 第一次尝试 无需任何额外配置即可运行 npm 运行服务 $ 新公共管理运行服务 > Vue-demo@0.1.0 服务/用户/ne/项目/vue-演示 > Cli-服务服务 启动开发服务器的信息. 启动类型检查服务. 使用内存限制为 2048 MB 的 1 个工作程序 98% 发文案后: 3:21:35 在 4294 ms 完成编译成功 未发现类型错误 版本: 3.3 时间: 4267 ms 运行的应用程序: -本地: http://本地主机: 20415/ -网络: http://192.168.178.192: 20415 请注意,开发版本没有优化。 要创建生产构建,请运行 npm 运行构建。 因此,首先,我检查了另一个应用程序是否在该端口上运行lsof -i :8080但没有结果。 第二次尝试 所以第二次尝试是通过 cli 强制端口npm run serve -- --port 8080 ……

共3个回答,已解决, 标签: vue.js
未捕获的类型错误: c.

在我正在开发的 vue.js 应用程序中,Chrome inspector 中突然出现一个错误: 未捕获的类型错误: c. 它总是停止执行。当我可以继续的时候,它似乎不会引起任何额外的问题。但是,如果每次点击后我必须点击 “继续” 几次,我就不能这样工作。 在调试器中,我可以看到c引用 DOM 中的注释的变量。它会影响不同的评论。但是所有的评论都有一个共同点Vue.js动态元素的占位符。 在堆栈跟踪上,我的代码几乎没有 (请参见下面的示例)。 (匿名) (内容 _ script _ bundle.js: 16) ChildList (异步) 执行 appendChild (vue.runtime.esm.js?2b0e: 5711) 插入 (vue.runtime.esm.js?2b0e: 6036) 运行时.esm.js?2b0e: 5980) 运行时.esm.js?2b0e: 5919) AddVnodes (vue.runtime.esm.js?2b0e: 6100) UpdateChildren (vue.runtime.esm.js?2b0e: 6227) PatchVnode (vue ……

共2个回答,已解决, 标签: javascript vue.js
Vue 不更新计算, 除非被迫

我必须添加额外的行, 迫使 Vue 重新计算计算的道具, 特别是: var foo = this.groups; this.groups = {}; this.groups = foo; 在这把小提琴上可以看到: https://jsfiddle.net/8bqv29dg/ [https://jsfiddle.net/8bqv29dg/] 。如果没有这些, available_groups 则不会更新。 为什么会这样, 更新的清洁方式是什么 available_groups groups ? 曾尝试添加 groups 到 "深度观看", 但它没有帮助。 ……

共2个回答, 标签: javascript vue.js
vuejs npm 开发服务器不显示更新的输出

我在文字新闻主题中使用 vuejs, 一切都设置正确, 工作正常。 npm run build完美地工作, 并创建区和文字新闻拿起它的所有内容。 那么, 有什么问题呢? npm run dev也在控制台中工作, 但当我在 vue 模板中进行了任何更改时, 它将编译, 但它不会显示更新的输出。 请指导和帮助。 webpack.config.dev.js const path = require('path'); const webpack = require('webpack'); const StyleLintPlugin = require('stylelint-webpack-plugin'); const fs = require('fs'); const autoprefixer = require('autoprefixer'); if (fs.existsSync(path.resolve(__dirname, '../.env.example')) === true) { fs.renameSync( path.resolve(__dirname, '../.e ……

共1个回答, 标签: javascript node.js vue.js webpack vuejs2
当我在 vue.js 中运行 npm 时,错误接口 “noderequire” 不能同时扩展类型 “require”

C:/phpStudy2018/phpturation/WWW/Tms.Web/node _ modules/@ types/node/globals.d.ts (139,11) 中的错误: 139: 11 接口 'noderequire' 不能同时扩展类型 '要求' 和 '要求功能'。 类型 “require” 和 “requirefunction” 的命名属性 “cache” 不相同。 137 | 138 |//向后可压缩 > 139 | 接口 NodeRequire 扩展 NodeJS.Require {} | ^ 140 | 接口 RequireResolve 扩展 NodeJS.RequireResolve {} 141 | 接口 NodeModule 扩展 NodeJS.Module {} 142 | C:/phpStudy2018/phpturation/WWW/Tms.Web/node _ modules/@ types/node/globals.d.ts 中的错误 C:/phpStudy2018/phpturation/WWW/Tms.Web/node _ modules/@ types ……

共1个回答, 标签: typescript vue.js webpack
挂载挂钩中的错误: “ReferenceError: Vuejs 中没有定义帖子

我是 Vuejs 的新手。我试着学习编码 vuejs 几个小时,直到我得到这个错误。我想问题是从 props 到 Blade。这是我的代码。 //刀片视图 //Vue 模板 //Vue JS 导出默认值 { 道具: ['邮报'], 数据: 函数 () { 返回 {imageList: []}; }, 挂载 () { 这个.fetch_image_list (); }, 方法: { Fetch_image_list () { 让项目 = []; If (数组.isArray (帖子.数据) & & 帖子.数据.长度) { Post.data.forEach ((图像,键) => { Let currentImage = { “Id”: post.id, “名称”: post.name, “图像”: post.img, } Items.push (currentImage) }); 这个.imageList = items; } } } } ……

共1个回答, 标签: laravel vue.js
Vue Now UI 套件中组件的反应性

的赏金 [https://stackoverflow.com/help/bounty]13 小时后到期。这个问题的答案有资格获得 50 的声誉奖金。Zak Avery [/users/8033978/zak-avery]想要引起更多关注对于这个问题。 目前,我只是试图使用 Vue Now UI Kit “tab” 组件改变一个图标的颜色。代码在标签中正常工作,但是我不能改变标签上图标的颜色。 下面代码中的 v-bind 的第二个实例,将改变按钮按下标签内图标的颜色。第一个实例什么也不做: 更新了 loanVerified 变量,但是新的颜色没有呈现到标签上。更改 loanVerified 的初始值并重新加载页面将在刷新时更改颜色。 任何帮助是赞赏。 谢谢。 从 '@/components'; 导入 {Tabs 、 TabPane 、 BasicDetails 、 EmploymentDetails 、 assetsliability 、 SupportingDocs 、 LoanDetails}; 导出默认值 { 组件: { 制表符 表窗格 基本细节 就业详细信息 资产 支持文档 LoanDe ……

共1个回答, 标签: javascript vue.js
取消编辑功能在 Vue 组件中不起作用

我很难弄清楚为什么我不能取消编辑我的一个输入。代码片段如下。有人能指出那里的错误吗? 这是一个输入: {{Team.team_name}} 数据: 数据 () { 返回 { ShowInput: false 、 团队名称: '', ChangeTeamName: '', BeforeEditCache: '', } }, 和取消编辑功能: CancelEdit: function () { 这个.changeTeamName = 这个.beforeEditCache; 这个.showInput = false; } 谢谢! ……

共1个回答, 标签: javascript vue.js vue-component
如何在模板中将 ref 从父组件传递给子组件

我正在使用这个组件Https://element.eleme.io/#/en-US/component/popover [https://element.eleme.io/#/en-US/component/popover] 与触发元素相关的问题 (用于计算弹出窗口的位置) > 对于触发元素,您可以通过两种不同的方式编写它: 使用slot="reference" named slot, or use the v-popover 指令,并将其设置为 Popover 的 ref。 默认示例一切正常。但是我用的是透明包装 [https://kamal.io/blog/transparent-vue-wrapper-components]对于 el-popover像这样的组件。 <El-popover Ref = "mypopover" 过渡 = “顶部缩放” V 绑定 = "$ attrs" V-on = "$ listeners" > <!-传递所有命名的插槽-> <槽 V-for = "对象中的插槽。密钥 ($ 插槽)" : 槽 = "槽" : Name = "slot" /> <Span> 我的弹 ……

共0个回答, 标签: javascript vue.js vue-component element-ui
如何在本机脚本中导航到下一页?

我试图使用一个按钮导航到另一个页面,但目前它不起作用。 OnPageTap: 函数 (args) { Const 按钮 = args.对象; Const page = button.page; 页面。框架。导航 (“nextpage”); } ……

共0个回答, 标签: javascript vue.js nativescript native