![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
功能实现
学如逆水,不进则退
这个作者很懒,什么都没留下…
展开
-
vue实现搜索后列表关键字高亮
'深入浅出 React 技术栈''Vue.js 开发实践''Vue 3 基础教程'原创 2023-10-12 14:24:03 · 126 阅读 · 0 评论 -
uniapp 微信小程序人脸识别
uniapp微信小程序人脸识别原创 2023-03-01 16:51:51 · 436 阅读 · 0 评论 -
el-table树形列表拖拽排序(sortablejs)
sortablejs原创 2022-12-06 14:35:57 · 4742 阅读 · 1 评论 -
uniapp自定义tabbar
配置tabbar原创 2022-08-27 20:05:14 · 1358 阅读 · 0 评论 -
html引入elementui日历
elementui日历原创 2022-07-25 17:22:36 · 273 阅读 · 0 评论 -
html2Canvas实现截图下载
1.安装html2canvas2.引入html2canvas到页面原创 2022-06-09 17:49:44 · 218 阅读 · 0 评论 -
unicloud微信小程序的重要配置
1.首先在uniapp的manifest.json中微信小程序配置appid2.登录微信公众平台配置小程序服务器域名(我这里用的是阿里云开发的)3.将自己的云数据库表结构全部配置如图4.配置完立即重启uniapp小程序代码!!!...原创 2022-04-28 18:27:49 · 2022 阅读 · 0 评论 -
uniapp小程序自定义分享按钮
1.代码如下<button class="w100 h100 btn-collection inline-block" open-type="share">分享</button><script> export defafult{ onShareAppMessage(res) { return { title: '我是分享的标题', path: '/pages/index/index'原创 2022-04-26 17:34:44 · 2443 阅读 · 0 评论 -
uniapp手动实现国际化【中英文】
//这里是点击按钮进行切换中英文<text @click="changeTxt" class="language">{{language}}</text>//这里是具体数据展示 用拼音表示通过translation.js匹配对应的中文或英文 <view class="title"> <text class="tit">{{fy("biaoti")}}</text> </view> export defaul原创 2022-04-24 11:01:52 · 1132 阅读 · 0 评论 -
uniapp实现扫码功能H5+APP+wx小程序
uniapp实现扫码功能H5+APP+wx小程序原创 2022-04-21 10:37:10 · 8987 阅读 · 5 评论 -
钉钉跳转vue网页(实现免登录)
.首先新建个文件夹下载调试工具(此工具其实是个vue项目)安装教程ps:教程第四步 直接进行下面操作 地址是你vue 启动地址(这个地址需要和你企业微应用首页地址一致)ding dev web --targetH5Url http://127.0.0.1:3000 2.你的项目引入 dingtalknpm install dingtalk-jsapi 首页逻辑流程如下<script>import * as dd from "dingtalk-jsapi";ex原创 2022-03-28 14:50:04 · 2680 阅读 · 3 评论 -
vant移动端上滑下拉加载
<van-pull-refresh v-model="isDownLoading" @refresh="onDownRefresh"> <van-list v-model="isUpLoading" :finished="upFinished" :immediate-check="false" :offset="10" :finishe...原创 2022-02-21 16:16:18 · 824 阅读 · 0 评论 -
vue 引入高德地图显示轨迹
1. 引入vue-amapmain.jsimport VueAMap from 'vue-amap';Vue.use(VueAMap);VueAMap.initAMapApiLoader({ key: '你的key值', plugin: [ "AMap.Autocomplete", // 输入提示插件 "AMap.PlaceSearch", // POI搜索插件 "AMap.Scale", // 右下角缩略图插件 比例尺 "AMap.OverView", //原创 2021-12-13 12:02:12 · 1891 阅读 · 0 评论 -
vue引入百度地图实现轨迹绘制
vue引入百度地图实现轨迹绘制原创 2021-12-10 17:58:45 · 5764 阅读 · 6 评论 -
点击链接下载文件
//项目代码仅供参考 downLoad(row) { const a = document.createElement("a"); const url = process.env.VUE_APP_BASE_API + row.fileUrl.slice(4); // 完整的url则直接使用,process.env.VUE_APP_BASE_API是项目地址,链接前缀此处拼接 console.log(url); // 这里是将url转成blo.原创 2021-11-27 17:15:55 · 987 阅读 · 0 评论 -
js点击a链接下载图片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<原创 2021-09-24 11:28:46 · 928 阅读 · 0 评论 -
vue 中echarts图表自适应
2.main.js中引入。原创 2021-08-05 14:58:08 · 302 阅读 · 0 评论 -
vue中tab栏切换echarts
<template> <div> <div class="topBox"> <div class="top"> <div class="title">供应商统计</div> <el-date-picker v-model="value" type="year" placeholder="选择年份"> </el-date-picker>原创 2021-08-03 16:43:29 · 1176 阅读 · 0 评论 -
vue 使用swper组件
cnpm install swiper -S -d封装组件<template> <div> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="原创 2021-06-23 11:53:47 · 192 阅读 · 0 评论 -
vue中使用 FullCalendar
1.首先版本如下 "@fullcalendar/core": "^4.3.1", "@fullcalendar/daygrid": "^4.3.0", "@fullcalendar/interaction": "^4.3.0", "@fullcalendar/moment": "^4.3.0", "@fullcalendar/timegrid": "^4.3.0", "@fullcalendar/vue": "^4.3.1",2.代码 <原创 2021-05-07 15:34:08 · 2103 阅读 · 0 评论 -
vue 头像上传
<div class="right"> <div class="headerImg"> <input type="file" accept="image/png,image/gif,image/jpeg" @change="changeImage($event)"> <img :src="formInfo.avatarPath" alt=""> </div&g...原创 2021-03-29 11:58:45 · 115 阅读 · 0 评论 -
vue 实现横向滚筒滚动
标题引入 vue-seamless-scroll命令行执行:npm install vue-seamless-scroll --save然后在main.js中引用:import scroll from 'vue-seamless-scroll'Vue.use(scroll)页面内使用<template> <div class="laboratory"> <div class="title"> <span>实验室信原创 2021-01-13 18:43:22 · 1203 阅读 · 0 评论 -
vue 元素进入可视范围添加动画(自定义指令)
man.js注册自定义指令 //注册'v-class' 当元素出现在可视范围时添加类名出发样式 Vue.directive('class', { inserted: function (el, binding) { // 聚焦元素 binding.addClass = () => { const { top } = el.getBoundingClientRect() const h = document.documentElemen原创 2021-01-14 09:23:14 · 946 阅读 · 0 评论