- 博客(48)
- 收藏
- 关注
RSS订阅原创 vue3中antd上传图片组件及回显
先引入：import AntdUploadFile from "@/components/base/UploadNew.vue";1.在项目components/base下新建UploadNew.vue文件（上传图片公共组件）})//点编辑时父组件传入的回显数据。
2024-07-11 10:19:07
1976
原创 vue3中使用provide跨层传值（方法）
provide有两个参数，第一个是我们传递的key，第二个就是value了。1.使用provide inject 跨层实现。
2024-07-09 14:46:35
310
原创 VUE3中antd引入腾讯地图，实现地点查询及获取经纬度
v=1.exp&key=申请的key值">4.下载插件并引入 pnpm i vue-jsonp -S。5.方法及逻辑代码实现(如需求和我一样可直接复制使用)2.在项目index.html中引入。具体实现：1.申请腾讯开发者KEY。表单输入框及地图绘制（）最后即可实现最终效果。
2024-07-03 16:27:59
961
原创 封装antd的按钮组件颜色（vue3）
1.先在components中创建一个文件CBtton.vue（文件名自定义） 将代码复制 可直接用。antd自带的颜色比较少，如果想用到别的颜色 需要我们自己封装。2.在需要的页面引入注册一下。
2023-04-07 15:06:33
1509
原创 jquery中多个输入框合并到数组中传到后端
3.在需要传参的方法中把输入框里输入的值循环拿到添加到字段后面。1.首先定义一个idArr,里面写上需要传的参数名称。2.然后在页面字段ID上拼接一个值，只要一添加就加上。
2023-03-29 16:55:11
261
原创 vue3中子组件调用父组件的方法
1.首先在父组件上调用子组件定义下方法，reloadTable自定义，getSearchData是要调用的方法名。2.在子组件中emit接收。setup中添加参数。
2023-03-29 10:44:28
1028
原创 input输入框按下回车键调用方法
1.直接添加@keyup.enter.native (一定要添加native,不然不起作用) 2.在方法里写需要进行的操作即可
2022-07-01 14:42:56
2371
原创 前端获取当前时间 && 当前时间转为时间戳
获取当前时间 const nowDate = new Date(); const date = { year: nowDate.getFullYear(), month: nowDate.getMonth() + 1, date: nowDate.getDate(), hours: nowDate.getHours(), minutes: nowDate.getMinutes(), ...
2022-05-30 13:43:18
2869
转载 小程序开发+java后台
第一步，下载微信开发工具正在上传…重新上传取消编辑链接:稳定版 Stable Build | 微信开放文档. 我是下载这个第二步，安装正在上传…重新上传取消编辑第三步，扫码进入开发工具正在上传…重新上传取消编辑第四步，新建项目正在上传…重新上传取消编辑注册小程序账号，获取AppID链接:小程序. 注册完成进入如何找到appid在设置—>最下面后台选java开发，我没选云开发第五步，开发代码正在上传…重新上传取消编辑获取用户..
2022-02-11 18:15:35
1101
原创 vue详情页面菜单 后拼接数据编号
项目遇到需求，因为有两个任务详情列表，所以想区分一下两个详情页面，在任务列表--详情的任务详情页面拼接它的任务编号。 有共同需求的同学可以参考下。1.首先在store--module--common.js中定义tableId (名称自己定义) 。然后在mutations中写方法存储。setStore方法是在store.js中定义的。2.在任务列表页面将id传过去。processNo是我任务编号的字段名，换成自己想传的字段名。3.在tag.js (标签...
2021-12-17 10:16:51
581
原创 element下拉框选择选项时，其它下拉框隐藏
需求：选择“中介清单”时，机构类别显示;选择“银行机构情况”时，机构类别隐藏。 1.首先在“模板”下拉框添加@change="modChange"2.在需要隐藏的下拉框添加v-if="moxs" 并在data中设置初始值为moxs = false（不可见）3.编写change事件 ，判断条件根据自己实际情况。我的下拉框值如果是调用后台接口，先console.log一下后台传过来的值，然后再开发。最后便可成功实现效果。...
2021-12-15 11:23:37
2510
原创 element-ui多选下拉框数据回显
基于vue,element-ui多选下拉框数据回显到dialog弹框。1.v-model绑定下拉框2.data中定义3.在触发事件中写如下代码。join(",")是将数组里的数据转为字符串显示。push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。所以保证.push()前的一定是数组。...
2021-12-09 17:33:23
4207
原创 vue自定义element-ui日期季度组件
下图为效果图，众所周知element-ui没有季度组件，但项目上也经常会用到，需要我们自行开发。1.在components里新建组件文件（名称自定义）2.直接贴完整代码。(可拷贝直接用)<template><el-form><el-form-item><markclass="_mark"v-show="showSeason"@click.stop=...
2021-12-06 15:50:58
3408
3
原创 uni-app自定义组件
1.在components新建文件helloComp.vue(名字自定义).2.编写自定义组件。定义组件名称为helloComp(一定要和自己的文件名对应)，template里写入自定义组件的内容。具体看下图。3.在需要使用组件的页面导入自定义组件。4.最后在需要使用组件的位置直接使用即可。...
2021-12-06 14:47:23
4478
原创 uni-app开发微信小程序
最近自己研究微信小程序，使用Hbuilder X开发软件，uni-app进行开发。1.首先下载Hbuilder X,建立自己的项目。文件--新建--项目--uni-app。自己起一个项目名称。可以选择自己需要的模板，功能很强大。...
2021-12-06 14:36:56
816
原创 vue 两个页面组件调用同一个接口
最近刚接触前端的同学问到这个问题，其实非常简单。仅适用刚刚接触前端的哦！1.首先，先在.js文件中引用你调接口的方法。（两个不同的JS文件）2.页面中引入对应的js文件。接口路径相同，将方法名修改后在各个页面引入即可！...
2021-11-25 16:11:50
2722
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人