泡泡大魔王-CSDN博客

原创阿里云基本配置和SSH连接/ssh Permission denied (publickey,gssapi-keyex,gssapi-with-mic)./SSH输入密码没反应

1 购买不说了买的一年3.5折280块肉痛2 安全组=》配置=》添加22端口的规则3 点击远程连接，重置你的实例密码,密码记下来（如果有那就不知道了应该可以直接输入密码登录）4 命令行 ssh root@你的公网地址注意可能会出现输入密码光标没变的现象你就当你输进去了输完回车5 连接成功...

2022-05-26 22:43:24 427

原创 vant van-dropdown-item 鼠标滚动背景也滚动bug修复\get-container无效

项目中遇到下拉会随背景滚动的问题然后使用get-container绑定父元素没有用因为看样式他的position依旧为fixed,最大号的就是绑定#app/body了<van-dropdown-menu > <van-dropdown-item get-container="#app" v-model="repairService" :options="option1"

2021-11-18 17:51:54 1544 1

原创微信小程序 vant 组件 Overlay 子组件冒泡事件去除 / van-popup组件无法自定义高度

写原生小程序，做的一个省市弹窗一开始用van-popup，发现是fixed的不好控制高度于是替换成了 van-overlay,但是van-tree-select点击会产生冒泡事件，并且无法用catch:tap捕获，所以就关闭自带的点击事件，在van-overlay上空白处加个悬浮子组件点击关闭弹窗 <view class="wrapper"> <van-overlay show="{{ showAreaSelector }}" custom-style='position:ab

2021-10-08 15:27:37 3645

原创 And design tree 自动收起同级只展开一个文件夹 expand的坑

需求要，但UI没这功能上代码<a-tree :autoExpandParent="false" //加上 :treeData="treeData" :expandedKeys.sync="expandedKeys" @expand="onExpand" :showIcon="false" > //自定义树可不加（主要是客户需要点击内容也要收起展开） <div slot="action"

2021-06-11 16:17:02 858 1

原创 AntDesign -vue table 如何更改滚动条/如何通过ref获取更改滚动条

首先组件上加ref,注意ref不能和v-if一起用在mounted钩子函数里获取ref,塞到data里this.dom = this.$refs.table再定义函数changeScroll(index){ this.$nextTick(()=>{ this.dom.$el.querySelector('.ant-table-body').scrollTop = index*20 }) },大家可以自由发挥，通过打印dom.$el,再使用quer

2020-12-28 18:47:30 1707

原创 SourceTree/git如何撤销回滚合并

今天改一个别的项目的代码，没新建分支就乱合并惹祸了最后找到解决方法工具=》选项=》GIT =>启动强制推送然后找你合并当前分支后本分支的上一次提交或合并右键=》选择强行合并然后可以看到拉取有数字，别拉取直接推送选择强制推送，勾选操作回滚的分支，点击推送（选本分支的应该不会有推送数字，我没有直接推就好了）这个时候我合并的数据消失了，但是本地依然需要merge 这时候找到需要merge的文件修改就好了个人经验，小心谨慎，一定要选本个分支合并的上个分支...

2020-12-25 19:03:15 8042

原创 ant design form checkBox复选框表单无法填入问题解决

<a-form-item style="display: inline-block"> <a-checkbox v-decorator="['hasCase',{ initialValue:true, valuePropName:'checked'}]" > 最强王者 </a-checkbox></a-form-item>如果还没生效你清下缓存，我清缓存重刷浏览器才好。。如何还不行建议不用组件，本地加数据来控制

2020-12-23 17:13:35 918

原创 JS字符串每隔几位插入字符串傻瓜方法

var str = ‘需要插入的字符串’var arr = str ? str.split('') : [] // 要先判断字符串是否有字符然后将它分割成数组 var newStr = '' arr.forEach((item,index)=>{ newStr += item if((index+1)%6 === 0 && (index !== arr.length-1)){ // 6可以更改，最后一位不加

2020-12-15 18:33:14 2649 2

原创 Vue组件如何引用自身/引用自身报错

如果想在组件中引用自身是不需要再在子组件注册component的export default { name:'caseDetail', // components:{caseDetail},错误，不需要再import自己不然会报错。。。然后直接当组件用就可以了 <caseDetail :id='id'/>...

2020-12-08 15:27:42 3508

原创 [Vue warn]: Error in render: “TypeError: Cannot read property ‘value‘ of undefined“ found in ---＞

[Vue warn]: Error in render: “TypeError: Cannot read property ‘value’ of undefined”found in—> 最近发现的vue antdesign表单的异常报错如果你遇到了这种报错请检查你的代码<a-form-item label="别在里面使用v-show')"><span v-show>要用v-if代替</span></a-form-item>中有没

2020-11-25 17:23:26 645

原创 easymock返回404？地址全都正确？vue代理巨坑

最近项目中遇到了后端建了mock前端请求却返回404的问题，看接口却和接口文档上定义的一模一样直接说我的解决方法：先去VUE.CONFIG.JS中查看代理是否定义了pathRewrite如果有的话就是这个坑了去esaymock中将接口中的改成就行了...

2020-11-12 17:33:16 595

原创 vue 手机打开缓慢网页但电脑打开速度正常的BUG

<template> <div id="app"> <keep-alive include="FAQ"> <router-view></router-view> </keep-alive> </div></template>```使用路由后是否在app.vue中使用了 <router-view></router-view>2 查看组件是否按需引

2020-10-30 17:10:42 890

原创 vue如何style引入CSS,引入css不生效不报错

1 怎么引入,在style里引入<style>@import '../../assets/css/chat.css';</style>2 不生效还不报错重新yarn serve(重启vue)就好了个人经验，没帮到你就不好意思啦，原理我也不懂

2020-09-25 12:34:02 1592

原创数组循环中使用splice的坑、splice无法正确裁剪元素

项目中需要对比两个数组的code，删减成一个没有第二个数组code的数组错误案例：arr.map((item, index) => { child.map(cl => { if (item.code === cl.code) { arr.splice(index, 1) } }) })正确案例： var newArr = []

2020-09-24 11:53:31 543

原创 Ant表格a-table如何自定义多选数据 /自定义rowSelection中selectedRowKeys的参数数据/a-table如何单选多选/跨页多选数据

:rowSelection="{ selectedRowKeys: selectedRowKeys, //选中的数据数组 onChange: onSelectChange,//选中，取消选中触发，参数为选中数据数组 type:isRadio ? 'radio' : 'checkbox'}"//修改单选多选方式如何改变onChange参数数组里的数据更改rowKey这样你选中后的数据就在selectedRowKeys数组里了item就是该行数据，也可(item,index)获取下标//..

2020-09-10 16:55:25 7824 2

原创 vue iframe里内容无法撑开高度固定150px 解决方法

项目中需要循环对话框方法：用VUE的v-html来解析dom <div v-html="previewContent" style='margin:8px'></div>

2020-09-07 16:11:46 2114

原创 ant design Vue 如何构造一个父组件有cheked而子组件没有的a-tree (公司design版本1.36)

成品<a-directory-tree v-if="tagList.length>=1"//不写这个不全展开 multiple default-expand-all @check="onCheck"//在第二个参数的Node里可以获取很多数据 checkStrictly checkable :defaultCheckedKeys

2020-09-02 16:35:09 406

原创 Uncaught (in promise) TypeError: Cannot create property ‘msg‘ on string Axios请求下载文档流报错

解决在axios API中添加 responseType: 'blob’export function exportPN (body) { return axios({ url: api.exportPN, method: 'post', data: body, responseType: 'blob' })}

2020-08-21 14:53:17 2036

原创 Ant design Vue 如何在a-table表格标题/内容上添加一个按钮

项目需求，官网这方面也不讲清楚需求如下方法：fields:[ { // title: 啦啦自定义, dataIndex: 'name', scopedSlots: { title: 'Title' }, width: '15%' }, { title: '名称', dataIndex: 'age', scoped

2020-08-19 18:17:22 7985 1

原创微信wx.cloud.uploadFile uploadFile:fail Error: read ECONNRESET 报错

电脑端微信开发工具一直报错误和-1错误码解决方法：嗯，真机调试就好了

2020-08-12 15:46:07 2664

原创 Ant design 表单form，如何跳过一个error 错误进行提交，如何重新校检表单，即使已经有错误提示的显示

最近在项目中需要做一个表单弹框，有一个tab控制一套表单，但在tab1中的一个表单里的数据要一直保存，但是如果tab1表单有错，在tab2时点击提交，form的validateFields函数因为有错了就无法提交如何跳过一个error 进行提交err是一个对象，如果对象中有这个错误，就忽视this.form.validateFields( (err, values) => { if (err && !err.xxx) { // 指定跳过某个erro

2020-07-28 15:53:04 942

原创 Ant Design 台湾TW地区二级联动数据

只有市和区的数据中文版：[{"label":"基隆市","value":"基隆市","children":[{"label":"中正區","value":"中正區"},{"label":"七堵區","value":"七堵區"},{"label":"暖暖區","value":"暖暖區"},{"label":"仁愛區","value":"仁愛區"},{"label":"中山區","value":"中山區"},{"label":"安樂區","value":"安樂區"},{"label":"信義區","valu

2020-07-22 15:45:21 421

原创 JS如何获取console.log里的值

如果需要拿出打印出的数据，需要有一个axios请求，传参 var obj = {value:'代表很多数据'} getValue(obj).then()然后在浏览器的F12中的network里找到这个请求，可以查看传过去的JSON字符串，可以复制

2020-07-22 15:28:23 3651

原创解决VUE路由刷新后数据消失样式丢失的问题

样式错乱解决方法将公用样式引入app.vue中<style>@import "./views/xxx.css";<style>数据丢失解决方法首先，用params传参的刷新肯定会失去数据的，这里用query的方式，需要将数据转为JSON格式let data = JSON.stringify({ UserInfo: this.UserInfo, domain: this.domain, loginUserDat

2020-07-21 14:25:37 3625

原创 vue/vue-cli中如何全局引用/使用jquery?

看网上都要改webpack.config.js，我找不到，于是走了个歪路1 安装jqueryyarn add jquery -D2main.js中，将window.$ = jquery;实测可用```javascriptimport jq from 'jquery';window.$ = jq;3 组件的script的标签内测试...

2020-01-10 15:52:37 861 1

原创 3.0 react ref 使用读取子组数据转发forword

1 定义实例类中：this.r1 = React.createRef();//实例一个ref , 包含current属性渲染完以后可以用 this.xx.current 来获取dom回调类=>render=>定义并放入子组件=》<Child ref={dom=>this.xx=dom}></Child> 在 componentDidMo...

2019-11-19 20:24:26 184

原创 2.9 react 函数式组件（UI/无状态组件）性能高没state可以用推荐

1 定义方法import React from 'react'function Diy(){return({<div><h1>我就是函数式组件</h1></div>})}export default Diy被引用可传值 props 在（props）里引入({解构},…rest) …rest数据用 rest.xx来使用...

2019-11-19 19:39:25 196

原创 2.8 react context隔层传递反向数据流1 子组件调用父传递的方法并传参

context组件上下文越级传递、多层传递需要引入proptypes祖先组件: //类属性定义子上下文类型 static childContextTypes={ msg: propTypes.string, setMsg : propTypes.func }; getChildContext(){//返回上下文对象发送数据 ...

2019-11-19 19:28:27 240

原创 2.7react路由的使用一切皆组件

先下载yarn add react-router-dom -S1创建主路由和各组件组件样式：import React from 'react'export default class App extends React.Component { render() { return ( <div> <h3&...

2019-11-15 21:26:25 279

原创 2.6 react数据请求请求node后台

1 node 的 get 请求：这里我使用了Mock 和 proxy 直接锁定数据和Url async nodeget(){ let res = await fetch("/mock/banner"); let data = await res.json(); console.log(data); }2 node post 非地址栏请求：需要写options ...

2019-11-14 21:38:16 218

原创 2.5 react代理proxy

1 项目根目录=》package.json=》添加“proxy”:“http://localhost:8888” //似乎可以写对象实现多个代理。组件中使用 “/api/xxx”2 项目根目录=》src =>新建文件 setupProxy.js 配置 webpack自动引入setupProxy.js=>const proxy = require('http-proxy...

2019-11-14 21:05:29 119

原创 2.4 mock 数据模拟使用

安装与配置1 yarn add mockjs json-server -S2 项目根目录中新建mock文件夹并新建 db.js（是数据库/接口）和 server.js(搭建服务器的额)3 配置db.js 和 server.js使用 resful1 用node 跑 server.js2 增 post 非地址栏删 delete 地址栏查 get 地址栏改 put pa...

2019-11-14 20:55:08 118

原创 2.3 react 原生数据交互 fetch async

最最最原生fetch:函数名=()=>{fetch( '/data/test.json', ).then( res =>res.json() //异步操作返回解流数据 ).then( data=>console.log(data)//then接受解流过的数据 ).catch( err => cons...

2019-11-14 20:21:07 317

原创 2.2 react 钩子函数子挂父挂子更父不更父更子更

老钩子1 组件取props和stateconstructor(props){super(props) ==getDefaultPropsthis.state == 这里可以直接修改state 不能用`setstate`}构造器等于触发 getDefaultProps +getInitailState2 组件即将挂载 componentWillMount3 描画Vdom ren...

2019-11-14 19:21:22 90

原创 @排面 react 动画列表的进出场蚂蚁金服 rc-queue-anim 动画库

1 yarn rc-queue-anim -S2 index.js=>import React from 'react';import ReactDom from 'react-dom';import QueueAnim from 'rc-queue-anim';class App extends React.Component { state = { show: fa...

2019-11-13 19:57:24 4250

原创 2.1 react 样式使用引用import '' 防止样式冲突 1模块化把.css=>module.css 再引入 2bem className 和style={{key:value}}

1 应该简单的会用的！scss好麻烦啊。。import './assets/css/base.css' <div className="box1">box1</div> <div className="box2">box2</div> <div className={`box2 ${this...

2019-11-12 21:43:17 279

原创 2.00 react ref dom元素定义ref="xx" 引用 this.refs.xx也可以直接放子组件上拒绝反向数据流

1import React from 'react';import ReactDom from 'react-dom';class App extends React.Component { render() { return ( <div> <h3>ref引用</h3> <div ref="b...

2019-11-12 21:37:26 143

原创 1.9 react props类型检查 defaultProps默认值 propTypes类型 isRequired必传参数

1 命令行yarn add prop-types -Simport React from 'react';import ReactDom from 'react-dom';import propsTypes from 'prop-types';class App extends React.Component{ static defaultProps = { arr:[...

2019-11-12 21:32:08 1490

原创 1.8react 留言板 value数据需要用 onchange+setstate

import React from 'react'import ReactDom from 'react-dom'class App extends React.Component { state = { iptname: "", ipttxt: "", list: [ { id: 1, name: '泡泡', ...

2019-11-12 20:23:02 281

原创 1.7react事件 onClick={this.show}

1 index.js=>import React from 'react'import ReactDom from 'react-dom'class App extends React.Component {//类的继承 App继承React.Component=>context上下文 props ref state = { } render() { ...

2019-11-11 21:41:14 382

空空如也

空空如也