2018年10月_Zeng__Y1

原创 css的卡片式图片

效果图：html：<div class="card"> <img src="/static/img/03_pingtai/03_02.jpg" alt=""/> <div> <span>打破企业间壁垒，提供便捷的接入方式，实现不企业，不同品牌、不同类型间的家电的数据互联互通和数据协同</span&...

2018-10-31 11:15:23 8317 3

原创使用antd的Select组件，Cascader组件，DatePicker等下拉选项必须要添加的getPopupContainer（解决选项框随页面滚动分离问题）

getPopupContainer菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。这个属性,看似不重要的属性，却起着重大的作用。效果图：当数据比较多的，可以滚动的时候。点击选择框，滑动滚轮没有添加这个属性的时候：当没有这个属性的时候随着滚动选项会和选择框分离。当添加这个属性后：点击后滚动就不会分离如...

2018-10-29 16:26:31 38918 13

原创 Js数组转字符串，字符串转数组

数组转字符串const arr=['h','e','l','l','o']console.log("原数组:",arr)const str=arr.join('')console.log("转成的字符串:",str)，效果图：字符串转数组const str="hello"console.log("原字符串:",str)const arr=str.split(...

2018-10-27 13:45:06 18077

原创 Dva 使用antd的Cascader动态获取树形省市区联级选择框的完整组件

效果图：就是实现这样的，选择框的时候，将向后台请求省的数据，当点击省的时候，就会请求当前点击市的数据。。。。，请求的接口只有一个，传值为code值。树形的数据。完整的组件代码：import React, { Component } from 'react';import { Cascader, message } from 'antd';import _ from 'lo...

2018-10-23 16:16:34 5313

原创 React Dva根据后台返回的的数据前端下载Exl表格

代码：//点击导出按钮const handleClickExport=async()=>{if(data.length==0){message.error("请选择将要导出的门店")}else{const res = await axios.post(storeExport, {//storeExport 为后台的数据接口appKey:'appkey',dat...

2018-10-22 10:09:07 1975

原创 Dva model层的自己的理解

刚接触Dva的时候，对于model感觉一片茫然，看不懂不知道是什么意思。在之后的公司一个项目中慢慢的对model有了基本的理解。model.js：model层一般包含几个部分：namespace：model的名字，用来在页面中找到要调用哪一个model，就想id一样。state:用来存放数据的地方。subscriptions:在我看来就是绑定监听页面的，只有进入监听的页面才会...

2018-10-20 11:06:12 6644 1

原创 antd Table表格单选按钮

效果图：引入antd的表格后：<Table bordered columns={columns} dataSource={dataSource} rowSelection={rowRadioSelection} pagination={false}rowKey={dataSource => dataSource.openid}/>单选与多选使用的是rowSelectio...

2018-10-19 10:39:51 13539 11

原创 dva/umi的Link路由传值

在A页面中使用Link路由传id值给B页面：{title: '操作',render:(item)=>{return(<Link to={`/storeManage/storeInfo?id=${item.id}&name=${item.name}`} >详情</Link>)},width:120},点击详情后跳到在B...

2018-10-18 14:54:49 13351

原创 dva中model中effect中获取state中的数据

model：export default modelExtend(pageModel, {namespace: 'storeIf',state:{id:''},effects: {* update ({payload,}, { call, put,select }) {const data = yield call(update, payload);//...

2018-10-18 14:14:52 8768

原创 antd Table组件表格的序号自增

实现的方式：在columns中序号的一列使用render方法：(text,record,index)=>`${index+1}`，使序号+1const columns = [{title: '序号',width:80,render:(text,record,index)=>`${index+1}`},{title: '门店名',dataIndex...

2018-10-18 11:40:37 16396 6

Zeng__Yi的博客