- 博客(84)
- 收藏
- 关注
原创 redux使用,相当于vue中的vuex
新建一个redux文件夹,里面新建一个count_reduce.js和store.js文件。下载redux, npm install redux。
2023-09-20 15:54:06 490
原创 react 路由的使用
/to={`/home/message/detail/${item.id}`}这样就能把id传给组件。需要再App.js外面抱一个路由模式,是BrowserRouter还是HashRouter模式,在index.js中写入以下代码。//Detail组件直接从props接收就可以了(props.match.params里面)例如:头部组件是一个一般组件,想使用路由组件身上的api,需要在一般组件引入。例如:右侧内容区路径为home,右侧 导航就叫/home/news。//可以进行push前进到那个页面。
2023-09-20 09:15:28 366
原创 删除对象数组的某一项
{id:'003',name:'打代码',done:false},{id:'001',name:'吃饭',done:true},{id:'002',name:'睡觉',done:true},splice会改变原数组,最后删除剩下的元素就是todos里面的。
2023-09-12 16:49:25 226
原创 react父子组件传值
子组件通过父组件传过来的函数,在合适的时机传给,父元素函数接收的data上。1.父组件向子组件传值使用props。2.子组件向父组件传递参数。子组件接收,渲染页面。
2023-09-12 14:24:26 526 1
原创 vue3使用mitt进行组件与组件之间通信,相当于vue2中的eventBus
vue3使用mitt进行组件与组件之间通信,相当于vue2中的eventBus
2023-09-02 16:32:49 134
原创 一串链接的最后一个斜线之后的数据保留 js
this.form.file='http://10.41.7.17:9000/wesdet/11_2023-09-02_10:09:09.jpg'let arr=this.form.file.split('/'); let len =arr.length; this.form.fileName=arr[len-1]
2023-09-02 10:11:24 138
原创 实现el-tree搭配el-checkbox实现全选,半选,全不选
【代码】实现el-tree搭配el-checkbox实现全选,半选,全不选。
2023-07-25 10:17:35 1514
原创 element-ui中的el-input 和el-textarea中的placeholder字体不一样
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
2023-07-14 16:31:23 710
原创 element-ui,结束日期和现在时间对比,小于等于一个月整行变红
【代码】element-ui,结束日期和现在时间对比,小于等于一个月整行变红。
2023-07-07 13:46:23 148
原创 判断结束时间,和现在时间做对比,是否小于等于30天
console.log(date,'合同日期减去30天')console.log('还有超过一个月到期');console.log('还有一个月到期');
2023-06-30 15:19:10 396
原创 百度坐标转为腾讯坐标在小程序上显示
console.log(`腾讯坐标:[${tencentLng}, ${tencentLat}]`);2.在使用的页面引入。
2023-06-11 15:41:00 592
原创 使用vue+element-ui实现年月日周时分秒cron表达式
6.新建一个input.vue文件,主要是点击这个input框显示dialog文件。4.新建一个formate-date.js文件。3-4.新建一个minute.vue文件。3-7.新建一个second.vue文件。3-5.新建一个minxin.js文件。3-6.新建一个month.vue文件。3-1.新建一个const.js文件。3-3.新建一个hour.vue文件。3-8.新建一个week.vue文件。3-9.新建一个year.vue文件。3-2.新建一个day.vue文件。1.首先需要npm下载。
2023-04-28 11:31:13 1506
原创 vue3使用pinia,并且持久化存储
2.在src下创建一个store文件夹,在store文件夹下创建index.ts。3.在store文件夹下新建一个test.ts文件,里面就是你要是用的了。4.在main.ts中引用pinia。5.在页面上使用pinia。2.下载持久化存储插件。
2023-04-14 11:32:02 528
原创 vue3中的setup语法糖和setup语法糖如何使用toRefs将接口返回数据变成响应式
imports:['vue','vue-router']//自动导入vue和vue-router相关函数。每次使用组合式api时总是需要Import{ ref } from 'vue'2.配置:在vite.config.ts中。
2023-04-11 15:21:36 540
原创 vue3使用vue3-print-nb时想让一些内容不显示在打印预览里面
【代码】vue3使用vue3-print-nb时想让一些内容不显示在打印预览里面。
2023-04-11 10:10:59 985 1
原创 vue2实现后台管理系统导出文件并进行下载
再main.js中全局引入,就可以使用this.$common。在src下面utils下面新建一个common.js。
2023-04-10 14:45:25 212
原创 vue3+ts使用高德地图显示上海区域,添加marker并且能点击marker
vue3+ts使用高德地图显示上海区域,添加marker并且能点击marker
2023-02-16 14:01:35 872
原创 uni-app写app点击app的分享,分享至微信,在微信中点击分享卡片打开小程序并跳转至相应页面
uni-app写app点击app的分享,分享至微信,在微信中点击分享卡片打开小程序并跳转至相应页面
2023-01-28 15:12:46 1592
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人