logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

基于react封装的一个类似Form.List功能的组件

子组件(Form.List组件)import React from 'react';import { Form, Col, Row, Select } from 'antd'const { Option } = Selectinterface Iprops {data: Idata[]setData: any}interface Idata {nickNameId: number | undefi

javascript中string与number运算

javascript中string与number相加得到字符串,相减却是数字var a = "100";var b = 11;var c = 9;var d = "A"console.log(a+b);//10011console.log(typeof(a+b));//stringconsole.log(a+b-c);//10002console.log(typeof(a+b-c));//numb

#javascript
ant-design-vue的table动态列的显示和隐藏

难点:如何在不定义两个表头的情况下,保证每次传入父组件的参数为初始化的值(子组件回调函数改变列表表头)解决方案:将表头数组初始化数据深拷贝,传给子组件子组件<template><a-modaltitle="列表配置"width="600px":visible="visible"@ok="handleSubmit"okText="确认"@cancel="handleCancel"c

组件封装注意事项

https://github.com/YvetteLau/Blog参考文章尽可能低耦合,组件之间的依赖越小越好比如不要直接修改父组件状态。最好从父级传入所需信息,不要在公共组件中请求数据传入数据添加校验处理事件的方法写在父组件中易用性拓展性可维护性可重用性一个封装组件提供 props 控制其行为而不是暴露其内部结构。1、封装耦合:耦合是决定组件之间依赖程度的系统特性松耦合(易修改、易复用、易测试)

#reactjs
计算属性

methods中的方法在模板中被调用,如果这个方法依赖data,data的值发生了变化,这个方法就会重新执行;计算属性也具备这个特性。保证data中数据与页面中显示的数据保持一致!!!计算属性计算出来的结果会被缓存起来,下次无需计算直接显示,而方法不是,每次调用都会重新执行。<!DOCTYPE html><html lang="en"><head&...

到底了