- 博客(18)
- 资源 (1)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 uniapp-使用echarts中的复杂图表（雷达图）
前言：突然有这样雷达图表的需求，之前使用的秋云图表，一开始以为可以echarts原生配置，但是我看源码好像只支持app和h5端，（应该是这样的，如果说错了请评论告诉我…）然后果断放弃秋云，使用 echarts mpvue-echarts第一步：npm install echarts mpvue-echarts //安装插件第二步：需要echarts的js样式https://echarts.apache.org/zh/builder.html在这个链接里选择需要的图表样式及组件，下载下js文件，可.
2021-11-16 16:19:51
2818
10
原创 element el-table多选列表加分页时的回显
<!-->封装的组件<!--> <el-table :header-cell-style="headClass" v-loading="listLoading" element-loading-text="Loading" :data="tableData" style="width: 100%" :row-class-name="rowClassName" @selection-chang.
2021-10-21 15:07:53
303
原创 vue自定义指令，如何在element-ui组件上使用。
需求是对input内容进行校验，不能输入负数及中文。element上组件的方法不太严谨，就自定义了一个指令。main.js文件中写人方法Vue.directive('numberOnly', { // 当被绑定的元素插入到 DOM 中时…… bind: function (el) { el.handler = function () { // 在el-input上绑定指令，绑定是input的父级，所以需要根据dom获取子元素进行校验。 let val = el.get
2021-07-08 11:28:02
1350
3
原创 vue3.0使用vue-amap插件（定位，搜索查询，根据坐标获取具体地址，marker图标）
这是vue-amap地图引入基本的地图https://blog.csdn.net/zjingru/article/details/110948556需求：当进入地图页面，定位到当前位置，显示点坐标，搜索框显示当前坐标的具体位置。点击地图，搜索框显示点击坐标的具体位置，搜索后地图中心点为搜索后的位置。<template> <div> <div class="amap-page-container"> // 搜索的组件 cv就可 <
2020-12-15 10:17:09
16193
49
原创 vue-cli3中使用vue-amap(高德地图插件)
引入高德地图，并使用搜索，获取具体地址插件。npm安装可以先看一眼amap的文档 熟悉里面的一些插件和apihttps://elemefe.github.io/vue-amap/#/zh-cn/introduction/install//安装命令npm install vue-amap --savemain.js文件配置import VueAMap from 'vue-amap' //引入Vue.use(VueAMap) //全局注册VueAMap.initAMapApi
2020-12-15 09:28:50
7259
原创 vue+element-ui 对树形组件的一些操作
怀着激动的心颤抖的手写下这篇博客~先看需求设计图如下左边是一组树形结构的数据右边是根据tree子节点的checkbox 是true或false 来显示的右边列表可以删除，删除后左边对应的节点的checkbox为false看起来需求很简单，但其实这个东西就是很简单，因为一开始思路错了所以花了一点时间，使用element-ui 里的树形组件，认真的看了一下官方文档就写出来了，所以兄弟萌，别百度啊，看文档，文档最仔细了。然后放上代码template代码<!-- :data (绑定的数据
2020-11-15 19:18:40
1058
原创 二、vue响应式解析
响应式原理在使用vue时，需要修改设计属性值的时候，页面的数据直接更新。使用js中 Object.defineProperty（）这个方法实现//上述方法需要的参数Object.defineProperty(对象,'设置什么属性名',{ writeable // 可编辑 enumerable //控制属性是否可枚举 是不是可以被for in 取出来 set() //赋值触发 get() //取值触发})将对象转换为响应式var o = { name:'zs', age:2
2020-10-12 15:22:10
124
原创 一、vue模板渲染原理
vue基础Dom 最后页面在浏览器里显示的是 张三这个过程使用的模板渲染<body> <div id="root"> <p>{{name}}</p> </div> <script> var app = new Vue({ el:'#root', data:{ name:'张三' } }) </script></body>下面根据vue模板渲染的原理 用js
2020-09-30 09:52:19
1230
原创 小程序点击按钮跳转到指定view锚点
小程序点击按钮跳转到指定view锚点js代码 直接复制换个id名就可以啦 pl:function(){ var me = this; var query = wx.createSelectorQuery().in(me); query.selectViewport().scrollOffset() //#comm 跳转到指定id位置 query.select("#comm").boundingClientRect(); query.
2020-08-20 09:30:14
1055
2
原创 微信小程序使用wxs文件数据过滤方法
微信小程序数据过滤(filter) 方法小程序的wxml和js的内部实现机制是分开编译的。所以wxml是没办法调用的函数。这会导致没办法在视图层对数据做一个特殊处理。比如后台返回数据列表，列表中有一个键值是加密过的，到前台后需要解密，那么就需要调用一个函数方法，小程序推出了wxs类型文件就是解决这类问题的。使用方式新建filter.wxs文件//方法var form = function(name){//decodeURI(解密) return decodeURI(name)}//抛出
2020-08-20 09:24:44
638
原创 微信小程序手写组件tabbar
小程序tabbartabbar组件 jsconst app = getApp()function tabbarinit() {//创建tabbar return [ { "current":0, "pagePath": "/pages/commit/commit", "iconPath": "/images/tab01.png", "selectedIconPath": "/images/tab01.png",
2020-07-31 10:38:43
593
原创 h5实现复制一段文字到剪贴板 移动端通用
需求：当点击某个按钮时复制某个标签里的文字。实现：<body> <div> <p id='text'>这是一段文字</p> <button onclick='copy'>点击复制p标签内容</button> </div> <script> function copy(){ var text = document.getElementById('text').innerHTML;
2020-06-18 10:03:27
1489
原创 上传文件获取文档流，把文档流转换为 base64编码
html代码<input type="file" id="imgUpFile" @change="startRead()" /><img src="" id="imgContentImg" />js代码 startRead() { alert('222') var fileDom = document.getElementById('imgUpFile'); var img = document.getElementById('im
2020-06-13 17:57:13
1443
1
原创 小程序解码组件wxParse
最近项目上遇到在微信小程序里需要显示新闻内容，新闻内容是通过接口读取的服务器中的富文本内容，是html格式的，小程序默认是不支持html格式的内容显示的，那我们需要显示html内容的时候，就可以通过wxParse来实现。百度搜索wxParse，下载文件后获取压缩包，解压后放到小程序项目里。文件目录使用方法：在xx.wxml文件中 引入注意文件路径是否正确<import src="../../wxParse/wxParse.wxml" />在xx.wxss文件中引入@import
2020-06-11 10:45:12
454
原创 mui.ajax请求走error
ajax请求走errormui.ajax('http://server-name/login.php',{ data:{ username:'username', password:'password' }, dataType:'json',//服务器返回json格式数据 type:'post',//HTTP请求类型 timeout:10000,//超时时间设置为10秒； headers:{'Content-Type':'application/json'},
2020-05-28 17:19:08
1250
axios设置超时时间，到时间后不进入error
2021-12-21
TA创建的收藏夹 TA关注的收藏夹
TA关注的人