自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 收藏
  • 关注

原创 vue2下载本地静态资源(xlsx)

注意:文件必须放到静态文件夹里面:vue-cli3.x 和 vue-cli4.x 是 public 文件夹;vue-cli2.x 及其以前版本是在 static 文件夹。

2024-01-15 10:41:05 679 1

原创 H5页面进行微信支付和支付宝支付

h5进行微信支付和支付宝支付

2023-11-27 12:02:40 131

原创 JS常用技巧(数组)

数组去重 :const uniqueArray = [...new Set([1, 1, 2, 3, 5, 5, 1])];console.log(uniqueArray); // [1, 2, 3, 5]截取数组: slice()的运行速度比重新定义数组的 length 属性快let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];array.length = 4;console.log(array); // [ 0, 1, 2, 3 ]console.lo

2023-08-10 10:49:22 87 1

原创 vue3父子组件v-model传值(子直接修改父)

【代码】vue3父子组件v-model传值(子直接修改父)

2023-03-23 15:46:11 630 1

原创 vue3 setup语法糖中使用watch和computed

vue3中watch和computed

2022-08-08 09:34:21 2564

原创 vue3使用setup语法糖

setup+vue3总结:< script setup>语法糖里面的代码会被编译成组件 setup() 函数的内容,不需要通过return暴露 声明的变量、函数以及import引入的内容,即可在< template/>使用,并且不需要写export default{}< script setup>语法糖里面的代码会被编译成组件 setup() 函数的内容。这意味着与普通的 < script> 只在组件被首次引入的时候执行一次不同,< script set...

2022-07-12 15:13:36 4260

原创 父子组件传参(vue3+setup语法糖)

给Menu组件 传递了一个title 字符串类型是不需要v-bind传递非字符串类型需要加v-bind 简写 冒号子组件接受值通过defineProps 来接受 defineProps是无须引入的直接使用即可如果使用的是TypeScript可以使用传递字面量类型的纯类型语法做为参数如果不是ts子传父是通过defineEmits派发一个事件我们在子组件绑定了一个click 事件 然后通过defineEmits 注册了一个自定义事件点击click 触发 emit 去调用我们注册的事件 然后传递参

2022-07-11 09:48:04 330

原创 react hook函数

State Hook useState():状态钩子。纯函数组件没有状态,用于为函数组件引入state状态, 并进行状态数据的读写操作语法、参数及返回值说明:: const [xxx, setXxx] = React.useState(initValue) 参数: 第一次初始化指定的值在内部作缓存返回值: 包含2个元素的数组,第1个为内部当前状态值,第2个为更新状态值的函数setXxx()2种写法:setXxx(newValue): 参数为非函数值,直接指定新的状态值,内部用其覆盖原

2022-05-16 09:58:06 586

原创 表单校验 身份证

表单校验//表单中的某一项,校验身份证 <Form.Item name="idNumber" label="身份证号码" rules={[ { required: true,

2022-05-13 16:50:30 559

原创 react父组件调用子组件(hook)

父组件export default (props) => { let ChildRef = React.createRef(); const onSubmit = () => { let orderFinanceDTO=ChildRef.current.getChildFormData() //子组件方法 } return ( <Child onRef={ChildRef} /> ) }子组件impor

2022-04-15 14:23:20 631

原创 通过url下载pdf文件

fileLinkToStreamDownload(url, ‘文件名’, ‘pdf’) function fileLinkToStreamDownload (url, fileName, type) { var xhr = new XMLHttpRequest(); xhr.open('get', url, true); xhr.setRequestHeader('Content-Type', `application/` +

2022-04-14 14:12:17 1000 1

原创 splice()方法

Vue中splice的使用splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值(该方法会改变原始数组)index:数组开始下标len: 替换/删除的长度item:替换的值,删除操作的话 item为空删除://删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变)var arr = ['a','b','c','d'];arr.splice(1,1);console.log(arr); //['a','c','d']; /

2021-08-04 18:24:57 118

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除