当在严格模式中使用 Vuex 时,在属于 Vuex 的 state 上使用 v-model 会比较棘手:
<input v-model="obj.message"> 复制代码
假设这里的 obj 是在计算属性中返回的一个属于 Vuex store 的对象,在用户输入时,v-model 会试图直接修改 obj.message。在严格模式中,由于这个修改不是在 mutation 函数中执行的, 这里会抛出一个错误。
用“Vuex 的思维”去解决这个问题的方法是:给 <input> 中绑定 value,然后侦听 input 或者 chan...阅读全文>>
与后端同学定制路由结构 (以下为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 的形式。
开写之前先捋一下整理思路:
首次登录时,后端服务器判断用户账号密码正确之后,根据用户id、用户名、定义好的秘钥、过期时间生成 token ,返回给前端;
前端拿到后端返回的 token ,存储在 localStroage 和 Vuex 里;
前端每次路由跳转,判断 localStroage 有无 token ,没有则跳转到登录页,有则请求获取用户信息,改变登录状态;
每次请求接口,在 A...阅读全文>>
阅读全文>>
模板内容:
<template>
<el-table :data="tableData" style="width: 100%">
<el-table-column :label="str" width="180" :render-header="renderheader">
<template scope="scope">
<p>姓名: {{scope.row.date}}</p>
</template>
...阅读全文>>
在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报这个错误,在执行npm run dev之前,先执行npm i prettier@~1.12.0语句阅读全文>>
最近开发了一个项目,开发过程中,由于需要使用了async await ,于是发现,只有少数的浏览器支持,极大多数的浏览器是不支持这玩意的,在网上各种找解决方案,基本都是失败,最后总结了两个方案之后,尝试成功,以下贴出本人实践方案
1. 安装 npm install --save-dev babel-preset-es2015
2. 安装 npm install --save-dev babel-preset-stage-3
3. 在项目根目录创建一个.babelrc文件 里面内容 最基本配置是:
...阅读全文>>
阅读全文>>
code
1
npm install vux --save
<2>. 安装vux-loader (这个vux文档似乎没介绍,当初没安装结果报了一堆错误)
?
code
1
...阅读全文>>