文章 js点击按钮复制文本 一、按钮 <Button type="primary" onClick={copyAccessKey}>复制结果</Button> 二、处理 const copyAccessKey = () => { const params = form.getFieldsValue().url; if JavaScript 云可乐 2021年09月16日 1 点赞 424 浏览
文章 antd栅格布局小案例 背景:如图示,实现搜索框与下面的文本域自适应宽度,并始终保持对齐代码: <Card style={{ height: 660 }} title='>投放链接转化工具' > <Form form={form} onFinish={onFinish} style={{ marginBot 笔记分享 云可乐 2021年09月16日 1 点赞 325 浏览
文章 HTML标签marquee实现滚动效果(转) 页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.语法:<marquee>...</marquee>; 说 HTML 云可乐 2021年09月16日 1 点赞 305 浏览
文章 对象数组根据子对象的某个字段将数组分类 一、数据源 var arr = [ {"id":"1001","name":"值1","value":"111"}, {"id":"1001","name":&am JavaScript 云可乐 2021年09月16日 2 点赞 389 浏览
文章 js数组根据字段值排序 一、函数封装 const sortData = (property: string, desc: boolean) => { return function (a: { [x: string]: any }, b: { [x: string]: any }) { var value1 = a[property]; var value2 = b[prop JavaScript 云可乐 2021年09月15日 1 点赞 306 浏览
文章 React钩子useState初始化一个空对象 一、声明 const [save, setSave] = useState({}); 二、使用 if (isId) { newParams.vip_id = save.vip_id; } 但此时ts报错:三、解决办法初始化空对象的时候,在对象后加 as any const [save, setSave] = useState({} as any); React 云可乐 2021年09月15日 1 点赞 975 浏览
文章 自定义Button样式及事件 render: (record: any) => { return ( <Space wrap> <Button type="primary" style={ record.status === 0 React 云可乐 2021年09月15日 1 点赞 320 浏览
文章 table表格自定义返回内容 { title: '平台', key: 'platform', dataIndex: 'platform', width: 80, render: (text: number) => { let platform = ''; if (text === 10001) { platform = 'IOS' React 云可乐 2021年09月15日 0 点赞 316 浏览
文章 表单回显时如果字段是数组的注意事项 刚才踩了一个坑,在这里记录一下场景:antd表单回显,从服务端返回的”可使用的codes白名单“这个字段是个数组,在<Input>框中渲染时未作数组拆分,导致数组被以异常分割,破坏了原有结构,再次下发到服务端值就变了。从服务端拿到的数据源:回显未做拆分的后果(回显异常):下发的字段值也异常:处理办法:编辑时,给表单赋值对这个字段做数组分割处理,可解决。 modalFor JavaScript 云可乐 2021年09月14日 2 点赞 343 浏览
文章 dayjs将服务端返回时间戳转为YYYY-MM-DD HH:mm:ss格式并表单回显 一、依赖package.json:二、引入 import dayjs from 'dayjs'; const setValue = (e: any) => { const start_time = dayjs.unix(e.start_time).format('YYYY-MM-DD HH:mm:ss'); const end_time = dayjs.unix(e. React 云可乐 2021年09月14日 1 点赞 355 浏览
文章 antd单选框Radio的简单使用 一、引入1.导入组件 import { Form,Radio } from 'antd'; 2.初始化 const [RadioValue, setRadioValue] = useState(0); 3.event const onRadioChange = (e: any) => { setRadioValue(e.target.value); }; 二、模板 & React 云可乐 2021年09月14日 2 点赞 360 浏览
文章 React点击按钮弹出气泡确认框并请求接口 一、知识回顾点击“停止”按钮,弹出确认对话框,向服务端发送post请求二、实现 const tableCouponColumn = { title: '操作', key: 'operation', width: 100, fixed: 'right' as 'right', render: (record: any) => { re React 云可乐 2022年02月17日 2 点赞 359 浏览
文章 antd下拉框表单编辑时报警告-`defaultValue` will not work on controlled Field... 一、问题背景使用antd: Form.Item组件时,在下拉框设置了defaultValue属性,页面虽然正常显示数据但是报了警告:翻译后意思是:二、分析及解决1.报警告代码 <Form.Item name="award_type" label="兑换码类型"> <Select React 云可乐 2021年09月13日 4 点赞 615 浏览
文章 antd表单中展示“开始时间”、“结束时间” 一、效果图二、代码实现1.引入 import { Form, DatePicker } from 'antd'; <Form.Item name="start_time" label="开始时间:"> <DatePicker style={{ width: '100%' }} format="YYY React 云可乐 2021年09月13日 3 点赞 545 浏览
文章 antd分页组件位于表格左上角 一、效果图:二、实现核心:position: ['topLeft'] <Table rowKey="type_id" loading={loading} dataSource={data} columns={[...columns, tableCouponColumn]} border React 云可乐 2021年09月13日 2 点赞 422 浏览
文章 js删除对象中的某一个字段的方法实现 // 以下方法不改变原来对象 let item = { name:'张三', age:'18', gender:'男' }; console.log(item) // {age: "18",gender: "男",name: "张三"} let { age,...params } = i JavaScript 云可乐 2021年09月10日 2 点赞 370 浏览
文章 “any”类型的参数不能赋值给“never”类型的typescript解决方案的参数 数组必须作为每个成员类型传递never类型,但现在传递的是any类型。解决方法:您可以将any类型的newUser强制转换为never类型可以解决此问题: this.userObj.assigned_to.push(newUser as never); React 云可乐 2021年09月10日 1 点赞 627 浏览
文章 js从一个对象数组中根据属性值大小排序 <script type="text/javascript"> var sdts = [ {name:"小明",age:30}, {name:"小红",age:20}, {name:"小花",age:40 JavaScript 云可乐 2021年09月10日 0 点赞 682 浏览