Vue
细雨、
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
关于vue-pdf的使用h5
引用 及使用import pdf from 'vue-pdf'export default { name: 'Pdf', components:{ pdf }, data(){ return{ src: "", vuePdf: null, numPages:1, } } }html<pdf :src="src" v-for="i in numPages" :key="i"原创 2021-12-31 18:10:41 · 639 阅读 · 0 评论 -
vue h5与ios和安卓交互 使用jsBridge
首先新建js文件引入js内容var u = navigator.userAgent;var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端// 注册jsbridgefunction connectWebViewJavascriptBridge(callback原创 2021-12-17 11:43:28 · 1571 阅读 · 0 评论 -
支付宝小程序或高德小程序与h5交互
首先呢再index.html上引入<script type="text/javascript" src="https://appx/web-view.min.js"></script>然后就是交互了 首先是h5向小程序发送通知并且传值 my.postMessage({ type:val, routing:"badingCar" }); postMessage是小程序定义的方法 好像都是一个方法 里面的就是传值给小程序的两个值 其他原创 2021-12-17 11:30:21 · 1646 阅读 · 0 评论 -
实现ocr上传图片识别各类证件
一 : 正常的文件上传还是正常的和后端联调 后端肯定是会告诉你返回一个图片路径的 不返回的话 也是自己去拼接的图片链接地址 也就是能直接在浏览器打开的地址 这里就不多做其他解释了二:ocr能识别imgdata(也就是图片base64的形式) 也能imgUrl的形式 具体如下 :当是base64的时候 你需要手动把图片地址转为base如下方法<canvas id="canvas" style="display: none"></canvas> //一定要设置为le原创 2021-04-21 21:48:00 · 1155 阅读 · 0 评论 -
使用高德的poi搜索功能
直接用接口 "https://restapi.amap.com/v3/place/text?keywords=" + this.name + //搜索的内容 "&city=hangzhou" + "&output=JSON" + "&offset=" + 10 + "&page=" + 1 + "&key=原创 2021-04-21 21:33:12 · 473 阅读 · 0 评论 -
根据后端返回结果 高德回显路线
一:先引用高德的key 是一定的 其二呢 在所在页面引入import AMap from "AMap";二 :创建div 设置高宽<div id="all-map" class="map"></div>//css代码.map { z-index: 10; width: 90%; height: 240px;}三: 定义方法 我这边是init()//由于后端返回的数组不能直接渲染 所以需要做转换 例如: polylinearr2:[“123.9原创 2021-04-21 21:29:21 · 490 阅读 · 0 评论 -
关于vue使用高德地图vue-amap实现路径规划
1 在main.js里面应用要使用的组件等 当然呢 要先安装整个vue-amap2 在使用页面中使用 <div class="amap-page-container" style="height: 100vh"></div>//地图的出现 //路径规划的一些详细路线显示 <div id="panel" style=" position: fixed; z-index: 150; bott原创 2020-10-19 18:46:55 · 4216 阅读 · 0 评论 -
vue 关于elementui -autocomplete 模糊搜索
表单提交中内容中的模糊搜索 <el-form-item label="" prop="trainerName" style="display:block" > <el-autocomplete class="inline-input" v-model="formInline.trainerName" value-key="原创 2020-09-27 17:57:26 · 622 阅读 · 0 评论 -
大视频上传 分片及显示进度 vue
封装一个js文件/* * @Descripttion: * @version: * @Author: xumingcai * @Date: 2020-04-15 17:58:03 * @LastEditors: xumingcai * @LastEditTime: 2020-04-20 16:22:45 */import SparkMD5 from 'spark-md5';import axios, { CancelToken, Cancel} from 'axios';impor原创 2020-09-27 17:43:47 · 752 阅读 · 0 评论 -
表单允许两位小数的 不足自动补0 大小限制在0到一万的rules
//首先要rules定义 和props 要与后端返回的字段一致 <el-form label-width="80px" ref="addform" style="padding: 0 10px;" :rules="rules" :model="addtableData" > <el-form-item label="价格" prop="thematicPrice">原创 2020-09-27 17:24:14 · 641 阅读 · 1 评论 -
elementui根据后台返回的进行表格分页
先是基础的html代码放上<div class="pagaination-tool" style="display:flex;padding: 8px 0;"> <div class="count-show" style="line-height: 32px;">共{{total}}条</div> <div class="custom-pagination" style="width:80px"> <el-sel原创 2020-09-27 17:16:12 · 504 阅读 · 0 评论 -
elementui的tree的详细使 节点的删除与增加与编辑实现刷新当前树
<el-tree style="width:20%;padding-left: 14px;" :props="defaultProps"//配置 :data="treedata" //数据来源 ref="tree" highlight-current //选中的高亮节点样式 :load="loadNode" draggable :allow-drop=".原创 2020-09-27 17:09:30 · 3906 阅读 · 3 评论 -
html2canvas的使用
在页面生成截图下载1 首先要去安装这个依赖 npm html2canvas2 然后在从页面去应用 import html2canvas from “html2canvas”;3 再从你要截图的整个最大的div 绑定ref 随意定名4 再根据你自己的方法去使用就好了 toImage() { html2canvas(this.$refs.imageWrapper).then((canvas) => { const link = document.c原创 2020-09-24 15:49:40 · 2658 阅读 · 0 评论 -
打包后背景图片出不来 解决方法 亲测有效
需要将config/index.js改为build: { assetsPublicPath: './' //加上这一项}再从function generateLoaders (options) { ... if (options.extract) { return ExtractTextPlugin.extract({ use: ...原创 2019-09-02 09:48:21 · 829 阅读 · 0 评论 -
vue地图的引用
<template> <div> <div id="map_canvas" class="allmap"></div> <div class="allputin"> <img src="../../assets/img/xiao.png" alt /> <...原创 2019-08-28 16:01:56 · 1185 阅读 · 0 评论 -
Vue服务端的渲染
什么是服务端渲染:后端先调用数据库,获得数据之后,将数据和页面元素进行拼装,组合成完成的html页面,再直接返回给浏览器,以便用户浏览什么是客户端渲染数据由浏览器通过ajax动态取得,在通过js将数据填充到dom元素上最终展示到网页中,这样的过程叫做客户端渲染服务端渲染 vs 客户端渲染服务器端渲染需要消耗更多的服务器端资源( cpu 内存等 )客户端渲染可以将静态资源部署到cdn上...原创 2019-06-10 15:36:40 · 585 阅读 · 0 评论
分享