08 2020 档案
摘要：1:在更改组件内（如formMonth.jsx）引入 import 'moment/locale/zh-cn'; import locale from 'antd/es/date-picker/locale/zh_CN'; 2：在指定组件（如formMonth.jsx）添加locale {/* 选择
阅读全文
摘要：antd内有两个关于时间区间选择的对象：TimerPicker,DatePicker.他们都有自己的RangePicker, 如果一个构建中有两个时间区间选择框（非在一个框内同时可选择日期和时间而是分开） 换句话说在一个组件内直接同时使用两个组件的同名RangePicker 个人的做法时在jsx内利
阅读全文
摘要：es6关于解构赋值这里我就不多说，不熟悉的可以自行搜索 这里直接列出常用的代码按照这种方式上项目即可 const onFinish = fieldsValue => {//提交按钮 //格式化时间-析构moment对象 const rangeValue = fieldsValue['zhiTimer
阅读全文
摘要：引入组件Checkbox直接使用组件即可 需要注意的点 form.item name="chek"中chek获得的值是最后一个选中的值不是一个数组 需要在check组件外层form.item内层添加：<Checkbox.Group> {/* 多选选择星期 */} <Form.Item name="c
阅读全文
摘要：select下拉option动态绑定-jsx-map循环 const JiemuObj = [{name:'节目一',value:'jiemu1'},{name:'节目二',value:'jiemu2'}] render(){return(...)} <Select placeholder="请选择
阅读全文
摘要：form表单的时间选择结合带开始和结束并能选择日期和时间的情况下要做到同步到提交表单数据内也不难 要注意的是在form绑定的提交按钮onfinish函数内打印出来的是monment对象，所以需要格式化解析以下才可以（真实版本在这里格式化后提交到后端） 一般form.item内的name=‘’ lab
阅读全文
摘要：这里主要讲的是jsx语法使用switch 的js语句 一般jsx语法执行的是简单的运算和三元表达式 如果想要执行条件判断如if语句和switch语句以及函数等 直接使用是会报错的 这里应该使用函数立即执行的语法写法，如果需要根据不同判断渲染不同组件也可以不要忘了return结果 例如：{(这里写函数
阅读全文
摘要：在react中不像vue有专门的导航守卫，react路由实际上也是组件，利用组件的表达式制作配置导航守卫 路由原配置：<Route exact={true} strict={true} exact path='/home' component={Home} /> 守卫配置： <Route exact
阅读全文
摘要：一个组件内没有直接被路由接管（比如下载component没有直接注册在router内）就会访问不到props对象 用到了withRouter 比如在mine.jsx(router配置过)内 引入自定义的 <Minedemo/> 此时Minedemo内直接打props是没有路由信息的 使用例子： im
阅读全文
摘要：登录注册使用form 步骤： 1引入：import { Form, Input, Button, Checkbox } from 'antd'; 2：使用: const onFinishFailed = errorInfo => {//错误的提示 console.log('Failed:', err
阅读全文
摘要：在ant design中 导航栏menu组件配合路由使用时会出现编程式导航跳转和刷新其它页面默认背景样式改变回首页的情况 解决的项目代码 render(){ // console.log(this.state.defaulS)//放在componentDidMount 会一直是初始值null con
阅读全文
摘要：需要自己配置webpackconfig 打开文件夹根目录命令行输入npm run eject 安装下载：cnpm run less less-loader -D (别忘了less-loader) 项目中会多一个文件夹 config=》找到webpack.config.js (网上说更改两个文件配置
阅读全文
摘要：总结几个重要的知识点 1：react-scripts 是 create-react-app 的一个核心包，一些脚本和工具的默认配置都集成在里面，而 yarn eject 命令执行后会将封装在 create-react-app 中的配置全部反编译到当前项目，这样用户就能完全取得 webpack 文件的
阅读全文
摘要：想要添加less 需要暴露 webpack.config 配置文件 先打开项目根目录命令行运行 npm run eject:运行之后，我们发现多了一个config文件夹 如果运行后 点击y/n 确认（y）,报错了：报错信息为： Remove untracked files, stash or com
阅读全文
摘要：开发钉钉小程序-企业内部应用时，用到二维码jsapi 在小程序开发工具中开发模拟扫码没问题，但是在手机上会报错，走完报错fail后还会走success，并且不会再走success成功后的回调函数 报错信息是error == 2 查看api文档上只有error状态码为10和11，没有2 分析了走报错后
阅读全文
摘要：arr = [{name: "pid", value: null, ccname: "细项ID"}，{name: "product_name", value: null, ccname: "产品名称"}，{name: "product_num", value: null, ccname: "产品编号
阅读全文
摘要：在vue项目中常常会使用axios进行后端交互，如果使用get一般没问题，但是使用post发送请求时会出现跨与报错。 Access to XMLHttpRequest at 'http://192.168.6.199/pushDD_request_tz.php' from origin 'your
阅读全文
摘要：报错信息： Uncaught (in promise) TypeError: Cannot read property 'getAttribute' of null at Object.getAttribute 原因：开启定时器后，切换页面定时器没有销毁，继续按照时间来调用定时器内的方法获取不到ec
阅读全文
摘要：在使用组件a-select 中 添加v-model 绑定，会容易造成 select属性的placeholder失效： 原因时因为palceholder的机制时如果没有输入值就会显示，如果有值（v-model双向绑定一般都有默认值）就不会再显示了 因此我们经常使用初始化数据为空或null的习惯，让pl
阅读全文
摘要：在vue项目中添加watch监听routes: watch: {//动态监听路由变化 -以便动态更改导航背景色事件效果等 '$route' (to, from) { // 对路由变化作出响应... console.log('to.path ',to.path)//跳转后路由 console.log(
阅读全文
摘要：只要更改i-con 去掉type,改为自己class样式 原项目 <a-menu-item key="/ManageProject" @click='navSelect("/ManageProject")'> <router-link to="/ManageProject"> <a-icon typ
阅读全文
摘要：在创建项目后（不带路由的项目）使用路由 项目步骤 1：安装 cnpm install --save vue-router 2:新建配置文件 在src下创建router文件夹：内创建index.js 3:导入和挂在（都在根入口main.js）： import router from "./router
阅读全文
摘要：v-if:style <tr v-if="v[2].length>0" v-for="(a,i) in v[2]" :style="v[9]?('background:#e6e6e6'):('background:#fff')"> v-if:class :class="[selectedIndex=
阅读全文
摘要：组件在实际项目中的使用 自动封装组件 封装组件后组件间传值 父传子props 子传父$emit 组件事件的调用 在父组件内 组件标签添加ref=‘自定义名’ this.$refs.自定义组件名.子组件方法 组件插槽-套入数据或分开布局 slot的使用就像它的名字一样, 在组件内定义一块空间, 取名为
阅读全文
摘要：git sourceTree（可视化git仓库管理） 可视化版本库操作工具 参考 https://www.cnblogs.com/tian-xie/p/6264104.html 使用步骤 1：官方下载windows版本 2：解压后运行安装 3：会弹出注册账号点击跳转到注册账号页面，如果没有按步骤注册
阅读全文
摘要：在使用vue-ant开发时使用collaps组件比较频繁，自己封装成组件，需要注意的是正常的封装后容易出现两个问题，分别是组件加载和点击改变activeIndex的报错： 下面是说明和解决： 1：初始化时容易报错： "TypeError: handler.call is not a function
阅读全文
