- 博客(24)
- 收藏
- 关注
RSS订阅原创 uni-app中 pinia的使用
使用actions中的方法 在 pinia中 没有mutations，只有 actions，不管是同步还是异步的代码，都可以在actions中完成。使用storeToRefs解构出来的数据是响应式的。然后分别书写其他两个文件和上面的index文件一致。在index中引入我们定义好的两个模块。获取store中的数据。
2024-01-04 12:18:20
4424
原创 自用VSCode插件记录
1、汉化2、自动补全html tag3、代码截图4、为HTML和CSS文件提供高亮,自动完成,错误检查和格式化等功能5、图片预览6、缩进颜色7、ES6语法支持8、代码美化9、ts语法支持10、vue3语法支持11、uniapp语法支持12、git提交记录13、svn配置及记录14、前后tag一起变化
2024-01-04 12:15:11
440
原创 vue3 + ts 封装v-model模态框
<template> <div class="container"> <transition name="modal-fade"> <div class="modal-container" v-show="visible" :style="{ width: width }"> <!-- 头部标题 --> <div class="modal-header"> &.
2022-05-28 09:24:45
887
原创 vue2 封装modal模态框
<template> <div class="container"> <transition name="modal-fade"> <div class="modal-container" v-show="visible" :style="{ width: width }"> <!-- 头部标题 --> <div class="modal-header"> &.
2022-05-26 09:04:24
1048
原创 vue3中简单的使用百度地图
1、申请百度开发者账号百度地图开放平台 | 百度地图API SDK | 地图开发百度地图API是一套为开发者提供的基于百度地图的应用程序接口，包括JavaScript、iOS、Andriod、静态地图、Web服务等多种版本，提供基本地图、位置搜索、周边搜索、公交驾车导航、定位服务、地理编码及逆地理编码等丰富功能。LBS·云是百度地图针对LBS开发者全新推出的平台级服务。通过地图API，一方面解决移动开发者服务器端日益增长的海量位置数据的存储维护压力，另一方面彻底解决所有LBS开发者基于位置数据的高并发检
2022-05-19 11:23:21
8852
2
原创 vue3使用添加在vue原型上的方法
1.、在main.js中导入我们需要的依赖import moment from 'moment'2、在原型上添加事件app.config.globalProperties.$moment = moment3、在我们需要使用的组件中引入getCurrentInstanceimport { getCurrentInstance } from 'vue'4、在setup中获取proxy对象const { proxy } = getCurrentInstance() as any
2022-05-19 11:09:33
3462
1
原创 uni-app中富文本（rich-text）样式添加
通过正则给需要渲染的数据添加类名.replace(/\<img/gi, '<img class="content-img"')然后通过类名添加样式但是不要添加scoped<style lang="less">.content-img { width: 100%;}</style>
2022-04-24 10:34:35
2589
原创 使用uni-app实现A-Z index (字母索引导航)
效果：通过点击右侧字母索引导航栏，滚动到对应区域实现思路：使用uni-app原生scroll-view组件的scroll-into-view实现（点击可跳转至官方API）1.数据首先我们自定义一些需要用的数据，我这边是模拟通讯录，因为scroll-into-view需要使用到id进行跳转，所以我们需要设置id以上是通讯录所需数据，我们还需要设置滚动条data(){return { indexList: ['A', 'B', 'C', 'D', 'E', '...
2022-04-18 14:23:09
3805
8
原创 vue封装一个modal组件
<template> <div class="container"> <transition name="modal-fade"> <div class="modal-container" v-show="visible"> <!-- 头部标题 --> <div class="modal-header"> <div class="modal-title".
2022-04-01 16:49:54
1248
原创 如何在vue3中生成二维码
https://github.com/scopewu/qrcode.vue/blob/main/README-zh_cn.mdhttps://github.com/scopewu/qrcode.vue/blob/main/README-zh_cn.md这是我们所依赖的库1.添加qrcode.vue到我们的项目npm install --save qrcode.vueyarn add qrcode.vue2.在需要使用的组件中使用<t...
2022-03-24 10:50:37
7954
11
原创 使用一条带箭头的虚线连接两个div，并且div拖拽时保持虚线连接
1.如何使用带箭头的虚线将div连接 a.了解path命令我们可以使用svg的path配合marker属性来实现，首先我们需要了解path元素的命令M(x,y) 起始位置的坐标L(x,y) 结束位置的坐标 <!-- 从 坐标(150,0) ~ (300,300) --> <!-- <path d="M 150,0 L 300,300" style="stroke: red ;stroke-widt...
2022-03-12 13:12:26
4446
3
原创 electron的安装
1.我使用有两种方式进行安装a.使用vue-cli(1) 通过vue-cli创建vue项目(2) 使用npm run build 进行打包 （提前在config中配置打包的路径 如果是vue-vli3 以上的用户需要自行创建vue.config.js文件）module.exports = { publicPath: "./", // 公共路径(必须有的) outputDir: "dist", // 输出文件目录 assetsDir...
2022-03-08 10:04:35
254
原创 split
一、什么是splitstr.(separator,limit)separator ：每次拆分所响应的字符串limit：限定每次分割返回的数量二、split的应用我们可以将一个字符串分割并且存放于一个新的数组
2022-02-25 21:34:49
193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人