记一次vue踩坑 this.$router.back()在ios失效,试了各种返回,最后发现是因为url传参的原因,去掉参数就可以了。。

  • Post author:
  • Post category:vue

因为之前有项目也用过类型的,我就找不同,发现之前项目的打包完直接用的....index.html访问 现在的项目 用的....index.html#/访问的 -------------------------------------------------------------------------------------------------------------------------…

继续阅读 记一次vue踩坑 this.$router.back()在ios失效,试了各种返回,最后发现是因为url传参的原因,去掉参数就可以了。。

vue提交mutation_这是另一篇关于vuex的学习笔记 — Mutation

  • Post author:
  • Post category:vue

接上两篇, 这篇介绍Mutation的使用. master分支为最终版本. 每个阶段的讲解都会创建一个分支. init分支为初始化后配置完成路由的版本. 上两篇文章已经讲述了, 全局状态的声明, 组件内获取, 过滤等操作. 但还少一个经常使用的操作, 就是对状态值的修改. 我们不可能声明的变量, 只是为了查看而不去操作这个变量. 修改全局的状态才是状态管理的关键, 因为只有状态改变了, 才需要我们…

继续阅读 vue提交mutation_这是另一篇关于vuex的学习笔记 — Mutation

vue 验证规则

  • Post author:
  • Post category:vue

1、IP地址: export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[…

继续阅读 vue 验证规则

vue使用babel-plugin-transform-remove-console解决项目打包时去除console语句

  • Post author:
  • Post category:vue

vue项目打包时出现警告:warning Unexpected console statement no-console 解决方案: 1、安装babel-plugin-transform-remove-console插件 2、在配置文件中添加transform-remove-console使其只在生产环境中生效 在vue项目中找到 babel.config.js 文件添加配置 // 这是项目发布阶…

继续阅读 vue使用babel-plugin-transform-remove-console解决项目打包时去除console语句

vue前端框架–动态切换currentView组件方法

  • Post author:
  • Post category:vue

1.在当前vue页面导入所拥有的组件 import searchSongs from '../components/search/SearchSongs' import searchSongLists from '../components/search/SearchSongLists' 2.引入定义: name: 'search', components: { searchSongs, sear…

继续阅读 vue前端框架–动态切换currentView组件方法

后端刷新前端页面-springboot使用sse向vue前端发送数据

  • Post author:
  • Post category:vue

适用场景: 后端更新状态通知前端刷新 优点: 简洁轻量,避免了前端需要主动刷新页面才能获取到更新的数据 缺点: 只能传送字符串,只能有后端向前端发送不可逆向 vue部分: data() { return { source: null, username:Vue.ls.get(USER_NAME) }; }, beforeDestroy() { //离开页面前关闭sse连接 this.source.…

继续阅读 后端刷新前端页面-springboot使用sse向vue前端发送数据

vue3+ts项目 笔记总结

  • Post author:
  • Post category:vue

一、首先得先建好vue3+ts的项目: 在终端新建项目输入:vue create vue3-ts 接下来的每一步如图所示:注意要通过空格选中TypeScript 二、项目建好后,开始正常的开发,注意区分vue2与vue3的区别: 在vue3项目中不在需要只有一个根节点,可以多个根节点; vue3中使用setup()方法取代了vue2中的data数据定义和methods方法声明; 变量包装 ref(…

继续阅读 vue3+ts项目 笔记总结

vue-cli-service serve –open启动项目时打开浏览器失效无法打开浏览器解决方法

  • Post author:
  • Post category:vue

当在vue项目中的package.json文件修改启动命令时,发现也无法自动打开浏览器。 "scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build" }, npm run serve --open 在命令上增加 --open也无法自动启动浏览器。 解决方法: 端口文件存放目录为:nod…

继续阅读 vue-cli-service serve –open启动项目时打开浏览器失效无法打开浏览器解决方法

添加后端过滤器解决Vue+SSM的跨域问题

  • Post author:
  • Post category:vue

这篇适用于已分别搭建好Vue和SSM的人群 后端SSM添加过滤器代码处理跨域请求 (我的是放在src/filter/CorsFilter.java) package filter; import javax.servlet.*; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletRe…

继续阅读 添加后端过滤器解决Vue+SSM的跨域问题

bug——“’vue’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。”

  • Post author:
  • Post category:vue

在创建vue项目时,安装vue-cli之后,运行vue命令,会提示下图所示的错误。 解决办法: 在我的电脑中搜索vue.cmd文件所在的位置,这样将该位置添加到系统变量的path后面。如图,我找到了vue.cmd所在的位置,.cmd结尾的文件其实就是windows命令行脚本文件。 添加完之后,一定要重启命令行,这样才能成功。 版权声明:本文为qq_36836277原创文章,遵循 CC 4.0 BY…

继续阅读 bug——“’vue’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。”