Vue
Vue仿饿了吗开发过程中遇到的一些问题,有可能会帮到同样遇到问题的你。
Schon_zh
这个作者很懒,什么都没留下…
展开
-
VUE:vuex 用户登录信息的数据写入与获取
整体思路:前台获取用户数据,向后台发送post请求,验证成功后前台接受数据,改变用户登录状态将登录状态及用户数据写入到state中这样多个页面就可以直接使用this.$store.getters.getuname调用state中的用户信息1.向后台发送请求,若成功返回用户名,密码,使用 this.$store.dispatch(‘setLogin’, true);将数据写入到stat...原创 2018-09-18 17:46:22 · 16994 阅读 · 2 评论 -
VUE:搜索结果高亮显示关键字(父+子)
1. 需要解决的问题父组件将搜索的字段传到子组件子组件接受数据,正则匹配,并替换字段2. 具体代码父组件代码<template> <div> <div v-if="showMe">原创 2018-09-19 11:08:09 · 2121 阅读 · 0 评论 -
VUE:vue使用fetch.js发送post请求java后台无法获取参数值
问题:前台vue使用fetch.js发送post请求后,后台 request.getParameter()无法获取到参数值思路:Status Code: 200 OK请求发送成功查看浏览器request请求中有参数查看浏览器request请求中有参数后台controller中使用 request.getParameter(“account”),参数名称一致仔细对比以前发送的post请...原创 2018-09-19 15:03:53 · 5338 阅读 · 2 评论 -
VUE:(转)Vue:不同页面之间的传递参数
在嵌套vue-router情况下,不同页面之间传递参数可以通过params实现。而params传参分为两种情况:1.参数在url中显示首先你要确定自己要传的参数,并在控制路由的文件中的Router中path内添加对应的字段如:{ path:'/paramsUrl/:name/:age/:sex', component:paramsUrl}我要传的参数是姓名,年龄以及性别。在你...转载 2018-09-21 11:21:03 · 2695 阅读 · 0 评论 -
VUE:Vuex--状态管理模式(store/state/Getter/Action/Mutation/Module)
Vuex 是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。每一个 Vuex 应用的核心就是 store(仓库)。“store”基本上就是一个容器,它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同:Vuex 的状态存储是响应式的。当 Vue...原创 2018-09-21 12:04:23 · 4965 阅读 · 0 评论 -
VUE:vue常用命令
切换到文件夹cd desktop/eleme安装 npm install 运行项目npm run dev部署项目 npm run build若无法运行,可能是环境没有搭建好(下载安装nodejs,详情参考:nodejs 官方网站)...原创 2018-09-25 10:42:29 · 977 阅读 · 0 评论 -
VUE:-Error- vue开发模式正常,部署后提示fetch跨域
vue开发fetch正常,部署后报错如下Failed to load http://guozhaoip.com/good/front/classList: Response topreflight request doesn’t pass access control check: No‘Access-Control-Allow-Origin’ header is present on t...原创 2018-09-27 10:14:33 · 1783 阅读 · 0 评论 -
VUE:vue开发模式跨域报错
一、报错内容如下:Failed to load http://192.168.1.111:8888/console/good/front/classList: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on...原创 2018-10-08 11:19:46 · 1979 阅读 · 0 评论 -
微信:使用二维码访问网址并获取数据
一、功能要求扫描二维码访问制定网址网址中包含介绍人信息页面加载成功后获取到该介绍人信息二、操作步骤访问https://cli.im/url将网址粘贴至输入框中,点击生成二维码网址模板:http://guozhaoip.com/dist/index.html#/xxxxxx例:http://guozhaoip.com/dist/index.html#/1859700009...原创 2018-10-08 12:47:08 · 4531 阅读 · 0 评论 -
VUE:vue实现confirm
<section class="alert_box" v-if="alertBoxShow"> <header>订单确认</header&am原创 2018-10-11 13:59:14 · 1977 阅读 · 0 评论 -
VUE:vue通过cookie获取用户登录信息
思路进入页面若未登录,跳转至登陆页面若已登录,从cookie中获取用户信息,并执行后续操作2. 登录页面,存入cookie(setCookie)import {setCookie,getCookie}from 'src/js/cookieUtil' methods: { async cheack_n_p () { if( this.checkCode ===...原创 2018-10-13 11:14:25 · 35735 阅读 · 5 评论 -
VUE:vue中使用toast
新建JS/** * 自定义 提示框( Toast )组件 */var Toast = {};var showToast = false, // 存储toast显示状态 showLoad = false, // 存储loading显示状态 toastVM = null, // 存储toast vm loadNode = null; // 存储loading节点元素Toast...转载 2018-10-24 14:06:33 · 3726 阅读 · 0 评论 -
VUE:vue build后部分js不执行
vue本地npm run dev js 运行正常;npm run build 后将dist文件夹拷贝到tomcat中不分js不执行;问题解决打开tomcat下dist/static下发现大量js,而生成的dist下只有6个将tomcat下dist删除后再拷贝,js运行正常。...原创 2018-10-24 15:42:02 · 2051 阅读 · 0 评论