- 博客(9)
- 收藏
- 关注
RSS订阅原创 Vue3 + Hook 手把手解析
谈谈我自己的理解: hook是为了封装一个完整的功能，包括了从定义变量和方法的所有代码。什么意思呢？比如说：正常我们做界面展示正常流程是：1，在本界面定义一个ref变量</script>2，对变量进行操作的方法比如递增：</script>3，界面有一个按钮来执行这个方法<template>addNum()</script>ok，一个简单的功能实现，这样写没有问题但如果代码量增加，需要我们维护的时候，我们就需要去找定义的变量和对应的方法，找的过程过于烦人。
2023-04-27 17:32:15
413
原创 vue上传文件并解析出内容
1.txt格式// 导入 buttonUpload(file) { let self = this let reader = new FileReader() reader.onload = () => { if (reader.result) { console.log(reader.result) } } reader.readAsText(file) },2.
2022-01-15 16:18:17
1254
原创 vue实现下载过程
exportTemp({a:'哈哈'})function exportTemp(objectData) { function download(name, content) { let blob = new Blob([content]) let link = document.createElement('a') link.href = URL.createObjectURL(blob) link.down.
2022-01-15 14:49:18
493
原创 Vue中无视组件层级，随意调用任意组件方法
1，将被调用的方法注册到window mounted() { window.doFocusTab = this.doFocusTab// 这样比较粗暴 // window.func.doFocusTab = this.doFocusTa //当然，你也可以多挂一层 }, 2，在随意一个vue页面调用 if (window.doFocusTab) { window.doFocusTab('haha') }...
2022-01-07 15:33:28
555
原创 父组件调用任意子组件的方法（不用vuex，不用$refs）
主要是不想使用$refs这样层级调用，复杂且麻烦主要使用provide和bind完成实现逻辑：将父组件全局变量test1 provide出去，子组件inject接收，并且给test1的fn绑定方法则父组件在本页面调用fn()，就可完成调用子组件的方法父组件：export default { let test1:{fn: null} provide() { return { test2: test1 } }, methods: { ...
2021-09-17 16:03:25
610
1
原创 vue中的 provide和inject
有时需要描述二者，我自定义称之为provide（供给），inject（注入）含义：provide可以理解为父组件击穿层级给子组件的一个对象 inject则接受接受该对象，当然可以只接受该对象的某个属性按理说是可以注入属性的，但我不知道是否可在子组件改变注入值，就不举例 注入值了，我习惯于注入一个绑定函数。具体代码：父组件：在父组件中注入两个绑定函数 provide() { return { onTabChange: this.onT...
2021-09-16 11:50:59
429
原创 给对象设置get set的两种方式
1，定义时设置 let obj = { get visible() { return obj.getVisible() } getVisible() { return obj.mode === 1 } set visible(v) { obj.mode = v } }2，
2021-09-16 11:20:47
401
原创 禁止事件样式
.disabled{pointer-events:none;&::v-deep*{pointer-events:none;}}.disabledCursor{cursor:not-allowed;&::v-deep*{cursor:not-allowed;}}因为是套用了element框架组件所...
2021-09-16 11:07:33
97
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人