热门 双向绑定和 vuex 是否冲突

时间:2019-4-16   作者:sunflower   分类: Vue   热度:3649°    
时间:2019-4-16   分类: Vue    热度:3649  
当在严格模式中使用 Vuex 时,在属于 Vuex 的 state 上使用 v-model 会比较棘手: <input v-model="obj.message"> 复制代码 假设这里的 obj 是在计算属性中返回的一个属于 Vuex store 的对象,在用户输入时,v-model 会试图直接修改 obj.message。在严格模式中,由于这个修改不是在 mutation 函数中执行的, 这里会抛出一个错误。 用“Vuex 的思维”去解决这个问题的方法是:给 <input> 中绑定 value,然后侦听 input 或者 chan...

阅读全文>>

热门 vue 动态路由的实现

时间:2019-4-12   作者:sunflower   分类: Vue   热度:4443°    
时间:2019-4-12   分类: Vue    热度:4443  
与后端同学定制路由结构 (以下为json) 后端会根据当前用户权限动态返回路由结构 前端不再需要考虑权限问题 [{ "id": 1, "name": "Nested", "code": null, "description": null, "url": "/nested", "generatemenu": 0, "sort": 0, "parentId": null, "permName": null, "redirect": "/nested/menu1", "title": "Nested", "icon": "nested", "c...

阅读全文>>

热门 前后端分离使用 Token 登录解决方案

时间:2018-8-27   作者:sunflower   分类: Vue   热度:3697°    
时间:2018-8-27   分类: Vue    热度:3697  
这篇文章写一下前后端分离下的登录解决方案,目前大多数都采用请求头携带 Token 的形式。 开写之前先捋一下整理思路: 首次登录时,后端服务器判断用户账号密码正确之后,根据用户id、用户名、定义好的秘钥、过期时间生成 token ,返回给前端; 前端拿到后端返回的 token ,存储在 localStroage 和 Vuex 里; 前端每次路由跳转,判断 localStroage 有无 token ,没有则跳转到登录页,有则请求获取用户信息,改变登录状态; 每次请求接口,在 A...

阅读全文>>

热门 vue设置背景图片

时间:2018-6-11   作者:sunflower   分类: Vue   热度:2169°    
时间:2018-6-11   分类: Vue    热度:2169  
在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式:   dom.target.style.background="url(../../assets/input-b.png) no-repeat center"; 我们需要这样设置:         dom.target.style.background="url(" + require("../../assets/input-b.png") + ") no-re...

阅读全文>>

热门 vue-cli支持es5?

时间:2018-5-25   作者:lininn   分类: Vue   热度:2211°    
时间:2018-5-25   分类: Vue    热度:2211  
最近开发了一个项目,开发过程中,由于需要使用了async await ,于是发现,只有少数的浏览器支持,极大多数的浏览器是不支持这玩意的,在网上各种找解决方案,基本都是失败,最后总结了两个方案之后,尝试成功,以下贴出本人实践方案 1. 安装 npm install --save-dev babel-preset-es2015 2. 安装 npm install --save-dev babel-preset-stage-3 3. 在项目根目录创建一个.babelrc文件  里面内容 最基本配置是:   ...

阅读全文>>

返回顶部    首页    手机版本    后花园   会员注册   
版权所有:覆手为雨    站长: lininn