- 博客(34)
- 收藏
- 关注
RSS订阅原创 Vue3导出数据为txt文件
上述代码中，首先创建了一个Blob对象，该对象用于存储待导出的文档内容。接着，使用URL.createObjectURL()方法根据Blob对象创建了一个下载链接。然后，通过创建一个带有下载链接的a标签，并设置下载文件的名称，来实现下载操作。首先，你需要在Vue组件中创建一个方法来生成txt文档的内容。你可以使用普通的Javascript字符串操作来创建文档内容，比如将文本字符串拼接成一段段文字。在Vue3中，可以通过使用Blob对象以及URL.createObjectURL()方法导出txt文档。
2024-02-04 16:07:38
895
原创 uniapp 滚动到指定元素的位置(锚点)
需求：在页面中，不管位于何处，点击按钮页面滚动到对应的标题位置。最简单有效的方式（直接复制改数据就行）点击事件(位置随便写，根据页面需求)需要滚动到的地方（使用动态id）2.点击事件获取想要的id；3.设置滚动距离，时长。
2023-08-24 20:27:44
2541
原创 uview组件u-action-sheet中closeOnClickOverlay属性不生效问题
如果你在某些组件上设置了closeOnClickOverlay属性(点击遮罩关闭弹窗)，你会发现这东西跟假的一样无论怎么点它都关不掉，这并不是bug，而是。之前官方回复中有提到，参考了好像是react，closeOnClickAction为 true 时，会触发close事件，，2.x组件不会处理任何关闭事件，全部交予用户自己处理。所以你需要自己实现close方法。查看官网示例后，点击遮罩层也没有隐藏，closeOnClickOverlay属性不生效。至于事件中需要如何去做，交给开发者自己使用。
2023-06-07 21:06:17
1737
原创 React lodash 节流
防抖：n 秒后再执行该事件，若在 n 秒内被重复触发，则重新计时，通俗来讲就是前面的所有的触发都被取消，最后一次执行在规定的时间之后才会触发，也就是说如果连续快速的触发·只会执行一次。节流：n 秒内只运行一次，若在 n 秒内重复触发，只有一次生效
2023-05-13 14:23:50
747
1
原创 React 使用i18next配置多语言
在lang文件下新建jsx、js或tsx文件（例如：命名为config.js）在src下新建lang文件夹，以存放语言包和i18n的配置文件；
2023-05-13 14:01:49
959
原创 uniapp 打包IOS生产ipa文件步骤（Windows）
准备：ios开发者账号、AppID、profile文件、私钥证书、私钥密码。Windows需安装其他软件来生成证书和其他，下面有步骤。
2023-03-13 15:26:38
2042
原创 git pull，提示There is no tracking information for the current branch.
先指定本地master或者dev到远程的master或dev，然后再去pull（选择一种方法，复制到git上即可。
2022-10-11 13:43:05
2510
原创 小程序获取用户手机号
需要将 button 组件 open-type 的值设置为 getPhoneNumber，当用户点击并同意之后，可以通过 bindgetphonenumber 事件回调获取到微信服务器返回的加密数据， 然后在第三方服务端结合 session_key 以及 app_id 进行解密获取手机号。
2022-09-15 16:13:25
6716
1
原创 使用useHistory().listen监听路由变化
在使用react的函数组件时，有时候我们会想监听路由变化，并在路由变化时进行某些操作，就需要使用。
2022-09-15 15:55:08
1282
原创 jQuery中ajax的使用
如果要传递json格式数据，需要设置contentType和将data写成json字符串的形式（可以用JSON.stringify方法转换）该回调函数中的第一个参数是服务器返回的数据（拿到的只是数据），它会自动根据服务端响应的 Content-type 自动转换为对象，如果服务端没有设置响应头Content-type，返回的还是字符串类型的数据。发送到服务器的数据，格式是json格式或者json字符串格式。如果是 POST 请求，系统就通过设置请求体传递。：发送到服务器的数据（将自动转换为请求字符串格式）
2022-09-08 09:06:12
2292
原创 vue3 模糊搜索
在项目中，搜索功能是经常需要使用的一个场景，最常用的是在列表数据中搜索一个想要的，并展示。搜索逻辑是只要用户输入值与产品的名称进行模糊匹配，符合条件的数据进行展示，不符合条件的数据过滤。...
2022-08-30 09:17:36
4395
原创 解决vuex页面刷新数据丢失问题
一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行。办法三：在父页面向后台请求远程数据，并且在页面刷新前将vuex的数据先保存至sessionStorage（以防请求数据量过大页面加载时拿不到返回的数据）中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被清空。办法二：在页面刷新的时候再次请求远程数据，使之动态更新vuex数据。...
2022-08-28 16:45:11
3756
原创 vue3.0刷新当前组件nextTick
在vue2.0我们想刷新一个组件的话是可以在data里面定义一个变量，然后methods里面直接this.$nextTick直接调用这个函数来操作的，在vue3.0中的setup他的用法是不一样的
2022-08-22 09:05:54
1593
原创 Vite 配置代理 Proxy，解决跨域
我们在编写前端项目的时候，经常会遇到跨域的问题，当我们访问后端 API 的 URL 路径时，只要域名、端口或访问协议（如 HTTP 和 HTTPS）有一项不同，就会被浏览器认定为跨域。另外我们也会经常重复编写后端的域名，例如，，针对这两种情况，可以直接用同一个配置来解决，即代理配置。。...
2022-08-15 15:02:51
36978
1
原创 微信小程序 全局配置 - tabBar
tabBar节点中，新增list数组，这个数组中存放的，是每个tab项的配置对象。通过app.json文件的pages节点，快速新建3个对应的tab页面。在list数组中，新增每一个tab项的配置对象。selectedIconPath指定当前tab被选中后高亮的图片路径【可选】pagePath指定当前tab对应的页面路径【必填】iconPath指定当前tab未选中时候的图片路径【可选】文章仅限参考如有错误请及时指出或补充。...
2022-07-31 16:22:44
1618
1
原创 HTML中 video标签样式铺满全屏
video标签默认不是铺满的，即使手动设置宽高100%也不会生效，所以当需要video铺满div时，需要加上一个css样式
2022-07-22 11:04:59
13994
2
原创 uniapp 授权，用户拒绝之后重新调用
当用户点击拒绝时，会一直执行fail（）函数，除非手动点击设置授权，这样很不方便最近项目中遇到这种情况，必须得让用户拥有好的体验
2022-07-07 17:05:35
3708
原创 React Ant Design 通过 DatePicker获取一周的起止时间
项目中遇到了选择周获取当前周的周一和周日的日期直接看用的组件Ant Design 这是写的代码需要用到moment，1.安装moment2.页面引入moment写入事件看看控制台输出的结果 可以看到，已经正确获取到了当前日期所在周的起止日期了。这里的日期解析主要用到了 moment.js 提供的两个方法，moment(date).day(1) 代表指定日期所在周的星期一的日期，moment(date).day(7) 代表指定日期所在周的星期日的日期，并且通过 format 方法格式
2022-06-08 20:30:16
1543
原创 关于react组件报错“A component is changing an uncontrolled input of type text to be controlled”
之前在写表单组件的时候，调试的时候总会遇到react报错:Warning: A component is changing an uncontrolled input of type text to be controlled. Input elements should not switch from uncontrolled to controlled (or vice versa). Decide between using a controlled or uncontrolled input el
2022-05-30 19:28:43
3208
原创 vue + element-ui实现分页效果
当我们向后台请求大量数据的时候，并要在页面展示出来，请求的数据可能上百条数据或者更多的时候，并不想在一个页面展示，这就需要使用分页功能来去完成了。
2022-05-19 20:30:21
568
3
原创 vue3（#default)插槽写法，el-table中写三元表达式判断状态值
vue中最新版插槽的使用，最新版本的vue3.0(#default)插槽写法最近项目中遇到的问题，表格做判断，后端返回数字值，根据数字写三元表达式这是最新版vue3.0（#default）插槽写法，不用写prop这是slot-scope插槽的使用方法<el-table-column label="问题状态" align="center" prop="status"> <template slot-scope="scope"> <
2022-05-17 17:33:03
9387
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人