- 博客(25)
- 收藏
- 关注
原创 uniapp自定义导航栏与手机状态栏重叠问题
HBuildX 创建的应用默认是沉浸式样式,去除自带的导航栏后,页面直通手机顶部状态栏,即页面与手机状态栏重叠问题处理:配置mainfest.json来关闭沉浸式,打开应用的manifest.json文件,打开源码视图,如下代码所示:"app-plus" : { "statusbar": { "immersed": false },}...
2021-12-01 14:54:30
2299
原创 ant design pro of vue token失效过期的解决
在进入页面,请求接口后,返回token失效时做个拦截器,清掉缓存的相关数据,并进入登录页,重新登录request.interceptors.response.use((response) => { if(response.data.code===1001){ storage.remove(ACCESS_TOKEN) storage.remove('userinfo') storage.remove('project') router.replace({.
2021-08-31 16:54:43
905
原创 ant design vue复杂表单处理
需求:一个相对复杂的表单弹出框,接收和发送的内容中有a.b,a.b.c的形式,出现报错:One field name cannot be part of another, e.g. `a` and `a.b`解决:将需要编辑的数据存储到state中,通过双向绑定完成复杂表单的简单化store中设置修改值得方法export default new Vuex.Store({ modules: { app, user, permission }, state:
2021-08-26 14:57:32
2197
原创 ant design pro [react] 给接口统一添加token
代码如下:const addToken =(async (url, options) => { // 此处为拦截器,每次发送请求之前判断能否取到token if (localStorage.getItem('srmToken')) { const headers = { 'access_token': `${localStorage.getItem('srmToken')}`, }; return { url, option...
2021-08-20 10:45:49
2342
1
原创 react ant design pro 去掉国际化之后后台报错
[React Intl] Missing message: "menu.register-result" for locale: "zh-CN", using default message as fallback.解决:
2021-08-19 11:48:16
1213
2
原创 react 提交form参数
export async function login(body, options) { let data = new URLSearchParams() Object.keys(body).forEach((key) => data.set(key,body[key]) ) return request('/srm/login', { method: 'POST', headers: { 'Content-Type': 'application/.
2021-08-19 10:47:50
402
原创 Ant Design Pro 对接后台接口
proxy: { '/srm':{ target:'http://121.5.176.90:9508/srm/', changeOrigin:true, pathRewrite:{'^/srm':''} } },修改好后,运行yarn start:no:mock查看接口是否替换正确
2021-08-19 10:22:47
1804
原创 react - 生命周期 (二)
State & 生命周期State 与 props 类似,但是 state 是私有的,并且完全受控于当前组件。将函数组件转换成 class 组件通过以下五步将Clock的函数组件转成 class 组件:创建一个同名的ES6 class,并且继承于React.Component。 添加一个空的render()方法。 将函数体移动到render()方法之中。 在render()方法中使用this.props替换props。 删除剩余的空函数声明。cl...
2021-08-18 09:35:12
130
原创 创建新的react应用
npx create-react-app my-appcd my-appnpm startJSX:一个 JavaScript 的语法扩展const element = <h1>Hello, world!</h1>;也是一个表达式function getGreeting(user) { if (user) { return <h1>Hello, {formatName(user)}!</h1>; } retur..
2021-08-16 16:18:10
129
原创 ant design树形控件父级和子级不连动
vue版:父级选中,子级不需要全部选中checkStrictly:父子节点选择状态不关联<a-tree v-model="checkedKeys" checkable checkStrictly :expanded-keys="expandedKeys" :auto-expand-parent="autoExpandParent" :selec.
2021-08-09 16:57:08
1960
原创 育儿路上 - 1
孩子成长的速度太快去年还抱在怀里,今年就满地乱跑去年还迷迷蒙蒙小奶娃一只,今年就已经可以帮你拿拿东西去年你带着他去哪去哪,今年他指挥你去哪去哪去年还不知道书是什么,今天会大半夜拉你起来看书忽然感觉自己对他的教育跟不上他成长的速度谨以此栏,记录自己育儿路上的成长与学习...
2021-06-25 10:14:15
100
原创 vue问题 - qs是什么
点击查看:什么是qs?通俗解释: 查询 字符串解析和字符串化的库安装:npm install qs引用:main.jsimport qs from 'qs'Vue.prototype.$qs=qs //配置全局属性使用:qs.parse():字符串解析 - 将字符串解析成对象的形式const str = "a='a123'&b='b123'" console.log(qs.parse(str)) // Object { a: "a123", b: "b123
2021-06-23 11:53:30
896
原创 vue问题 - 点击二级菜单上级菜单自动收缩
使用 antdesign pro vue 框架,配置动态菜单时,遇到点击二级菜单会自动收缩到父菜单的问题通过一系列查找问题资料,最终锁定在 路由配置问题上在仔细检查了路由配置后,发现父级路由 即 一级数据上的 path 与redirect 配置成一样的了,redirect 重定向地址, 访问这个路由时,自定进行重定向 path 跳转路由 2个时不一样的东西这样重新配置好之后,问题就解决好了,点击子菜单,父级仍然展开,达到了想要的效果...
2021-06-23 11:26:50
3467
7
原创 vue问题 - formdata.append无效果
handleChange(info) { if(this.fileStatus){ const formData = new FormData() formData.append('file', info.fileList[0].originFileObj) console.log(formData) Upload(formData).then((res)=>{ if(res.success==true).
2021-06-21 10:34:11
19197
原创 vue问题 - ant-design-vue 文件上传
<a-upload name="file" :multiple="true" :headers="headers" :before-upload="beforeUpload" @change="handleChange" > <a-button> <a-icon type="upload" /> 导入xls文件 </a-button> </a-upload>
2021-06-21 10:22:21
1038
原创 vue问题 - 嵌套子表格
问题如图:父表格展开后,子表格展示成功,但是子表格的数据以2种方式各渲染了一次原因:childrenColumnName的默认值是children,所以当数据中的子数据是children,展开时会默认加载到子表格中解决:将树结构数据中的children改成其它名字这样就解决问题了附渲染代码<a-table :columns="columns" :data-source="menuList" @expand="onExpand" :rowKey="(record) =&..
2021-06-18 10:59:52
2288
1
原创 vue问题 - 在子组件中修改父组件传来的props值
Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "checkedKeys"
2021-06-16 10:35:05
382
原创 nahimicsvc64禁用
项目场景:提示:这里简述项目相关背景:例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes,
2021-06-02 13:05:40
14812
1
原创 vue问题 - 浏览器页面出现空白
原因:未匹配到路由router.beforeEach((to, from, next) => { if (to.matched.length ===0) { //如果未匹配到路由 from.path? next({ path:from.path}) : next('/'); //如果上级也未匹配到路由则跳转主页面,如果上级能匹配到则转上级路由 } else { next(); //如果匹配到正确跳转 }});到 router/index.js下查找是
2021-05-28 11:23:39
2577
原创 vue问题 - post请求传值后返回错误
application/x-www-form-urlencoded;charset=UTF-8类型接口请求参数传不到后端如图请求数据格式不对解决:安装qsnpm install qs在需要的页面引入qsimportqsfrom'qs'将传入的数据解析成对象data: qs.stringify(parameter)这样就请求成功了...
2021-05-28 09:21:52
535
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人