![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
造糖主义
这个作者很懒,什么都没留下…
展开
-
vue3中谷歌地图+外网申请-原生-实现地址输入搜索+点击地图获取地址回显 +获取国外的geoJson实现省市区级联选择
【代码】vue3中谷歌地图+外网申请-原生-实现地址输入搜索+点击地图获取地址回显。原创 2024-07-11 15:40:56 · 220 阅读 · 0 评论 -
多个 el-checkbox-group 使用同一个变量传参联动回显
/ 可多选,A类:设备、工程、租金,B类:充电度数、服务费收入(只能二选一),选A类后就不能选B类。原创 2024-06-26 09:35:17 · 171 阅读 · 0 评论 -
element-ui单个上传组件el-upload文件回显+el-table组件遍历上传+自定义文件列表+合并表格
单个上传组件el-upload文件回显+el-table组件遍历上传+自定义文件列表+合并表格原创 2024-01-15 09:49:29 · 1132 阅读 · 0 评论 -
element-ui的选择实现上拉刷新和回显
*原创 2023-12-26 14:33:53 · 461 阅读 · 0 评论 -
vue-实现高德地图-省级行政区地块显示+悬浮显示+标签显示+省市级切换
【代码】vue-实现高德地图-省级行政区地块显示+悬浮显示+标签显示。原创 2023-12-15 17:57:57 · 1526 阅读 · 0 评论 -
echart地图实现透明化背景和底部video视频播放
【代码】echart地图实现透明化背景和底部video视频播放。原创 2023-08-28 10:03:07 · 498 阅读 · 0 评论 -
URL上传对象数组的编码转化
const initDataJson = { "BW_DA_JYDJ.QKSM": JSON.stringify(QKSM), "BW_DA_JYDJ.FILELIST": JSON.stringify(FILELIST), }; const url = "/formdesigner-web/generateForm.html?initDataJson=" + JSON.stringify(initDataJso...原创 2022-04-13 09:37:10 · 575 阅读 · 0 评论 -
vue实现列表多选择
data数据 dataTypeList:[ { label:'数字', value:'TH' }, { label:'字符串', value:'ZDH' }, { label:'英文', value:'ZDDM' } ],html结构: <div.原创 2022-04-07 14:30:41 · 2042 阅读 · 0 评论 -
vue-引入外部字体TTF文件到select选择
新建font.css文件,添加ttf文件.font.css文件内容@font-face { font-family: 'ESRI_40'; src: url('./ESRI_40.TTF'); font-weight: normal; font-style: normal; }main.js 引入使用。设置字体的对应编码 compassList: [ { label: "O", .原创 2022-03-24 10:52:39 · 926 阅读 · 0 评论 -
vscode正则替换
(.) (.){label:"$2" ,value:"$1"},原创 2022-03-12 15:41:14 · 335 阅读 · 0 评论 -
window-本地升级node版本
查看node版本node -v、去官网下载包 https://nodejs.org/zh-cn/download/releases/安装替换!!!原创 2022-01-24 16:15:14 · 950 阅读 · 2 评论 -
vue-动态设置css样式的hover
1.定义不同的颜色数组 colorList: ['#4cb352', '#5bc2d3', '#ffc23f', 'pink', '#872822'],//课件标题颜色2.html数据遍历-自定义element-走马灯高度+定义css变量-yf-border-color <div v-for="(item, index) in listData" :key="`${index}`" :class="`partCurri原创 2022-01-20 17:52:07 · 4348 阅读 · 0 评论 -
vue-实时vuex更新
1. 方式一:使用get-set方法1.定义 computed: { menuIndex: { get() { return this.$store.state.menu.menuIndex; }, set(newValue) { return newValue; }, }, },2.使用js中 this.$store.commit("menu/setMenuIndex", 0);h原创 2022-01-12 10:51:10 · 620 阅读 · 0 评论 -
vue项目直接调用外部链接获取json文件
1.直接使用-axios axios .get("https://www.jingqiao100.com/course.json") .then(res => { if (res.data) { }2.注意—!!! 后端要设置跨域原创 2022-01-10 17:59:56 · 1578 阅读 · 0 评论 -
vue-快速添加防抖
引入import lodash from “lodash”;定义方法 sureFn() { this.$refs.form.validate((valid) => { if (valid) { const { name, sex} = this.form; updateLogin({ name, sex, }).then((res) => { .原创 2022-01-06 10:07:21 · 396 阅读 · 0 评论 -
vue-支付模块(pc/h5)集成实现
场景:在手机浏览器中打开微信支付,支付宝支付,在网页版浏览器打开支付实现方法,一套代码实现兼容pc支付:主要实现方法是生成二维码h5支付:主要是网页拉起支付宝或者微信App参考的开发文档:pc支付 :支付宝:开通当面付 https://opensupport.alipay.com/support/helpcenter/95/201602482184?ant_source=opendoc_recommend微信: Native调起支付API https://pay.weixi原创 2022-01-04 10:09:15 · 1199 阅读 · 0 评论 -
element-this.$confirm确定-取消位置交换
定义自定义类名 customClass: "close_confirm", //关闭 onClose() { this.$confirm("是否退出程序?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", customClass: "close_confirm", type: "warning", }) .the..原创 2021-12-30 10:15:37 · 1213 阅读 · 1 评论 -
vue-子组件获取不到父组件最新的值
父组件传值 <ModifyClassPopup :classItem="classItem" />子组件获取值 props: { classItem: Object, //选中的班级 },如果需要根据父组件传的值来显示不同的页面值直接用this.classItem.name是渲染不出来的需要在子组件中使用data定义 data() { let validateclassNameAccount = (rule, value, ca原创 2021-12-22 10:32:49 · 891 阅读 · 0 评论 -
vue-字典翻译
定义 filters: { convertDurationUnit(unit) { const unitList = { d: "天", m: "个月", y: "年", }; return unitList[unit] || unit; }, },};使用{{ packageInfo.unit | convertDurationUnit }原创 2021-12-14 09:06:39 · 1318 阅读 · 0 评论 -
vite-安装sass
配置全局 scss 样式文件在 src/assets 下新增 style 文件夹,用于存放全局样式文件新建 main.scss, 设置一个用于测试的颜色变量 :$test-color: red;复制代码如何将这个全局样式文件全局注入到项目中呢?配置 Vite 即可:css:{ preprocessorOptions:{ scss:{ additionalData:'@import "@/assets/style/mian.scss";' }原创 2021-12-10 10:57:06 · 3936 阅读 · 0 评论