- 博客(17)
- 收藏
- 关注
RSS订阅原创 antd+vue 表单的单个输入框验证
验证单个单个输入框，如图点击获取验证码只进行手机号的验证，使用validateField对部分表单字段进行校验的方法 //获取验证码 getCode(){ this.$refs['ruleForm'].validateField('phone', valid => { if (!valid) { alert('submit!'); } else { consol.
2021-09-14 13:55:18
4633
1
原创 script引入的axios.js封装
因为请求头需要不少东西，不想每次都写一次header，所以封装起来//引入axios和qs<script src="https://unpkg.com/axios/dist/axios.min.js"></script><script src="https://cdn.bootcss.com/qs/6.5.2/qs.min.js"></script>//新建一个request.jslet tmap = new Date().getTime();l
2021-04-14 15:35:17
3128
原创 解决＜script＞引入的vue.js在低版本安卓不起作用
低版本安卓不支持es6，所以要把es6转成es5引入babel.min.js，修改script 类型type=“text/babel”，不行就把注释那行也加上<script src="https://unpkg.com/babel-standalone@6.15.0/babel.min.js"></script>//<script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js">
2021-03-16 16:54:12
504
1
原创 解决html2canvas生成的图片偏移问题
createImage:function(){ var _this = this var width = document.querySelector("#imgBox").offsetWidth; var height = document.querySelector("#imgBox").offsetHeight; var canvasBox = document.createElement(...
2021-03-12 11:19:53
2892
原创 html5+vue仿淘宝购物车多个店铺实现单选全选
购物车有多个店铺商品的情况下实现单选全选1、实现单个店铺的全选获取店铺商品的数量，设置初始商品选中数字total=0，店铺全选中数量totalShop=0，点击选中total+1，反选total-1，再判断total是否等于店铺的商品数量，等于则店铺全选，totalShop+12、购物车全部选中当totalShop的值等于店铺数量的情况下，则购物车的商品全部选中...
2021-03-11 18:04:56
1408
原创 vue上传图片压缩，移动端可用
// 压缩前将file转换成img对象 readImg(file) { return new Promise((resolve, reject) => { const img = new Image() const reader = new FileReader() reader.onload = function(e) { img.src = e.target.result
2021-03-10 14:55:14
205
原创 富文本编辑器CKEditor4添加自定义插件(实现多图上传)
ckeditor的扩展功能，因项目需要添加一个多图上传功能1、ckeditor/plugins/下新建一个uploadImg的目录，并且在里面创建一个plugin.js，把插件的图标放在icons文件夹里(必须命名为icons)2、注册插件，plugin.js代码如下var httpUrl = 'XXXXX'; // 图片上传路径CKEDITOR.plugins.add( 'uploadImg', { // 注册名为uploadImg的插件 icons: 'uploadImg',
2021-03-02 16:47:21
2525
2
原创 vant tab标签 解决active选中不能高亮的问题
从a页面跳到b页面url上带一个参数index，选中tab高亮，但是刷新当前页或从商品详情返回后index就失效了，active都是默认0，解决方法是在在van-tab 加个name=“xx.toString()”，这个name必须是string格式，url上的index也转成string格式...
2020-10-29 19:48:43
4032
原创 用TcPlayer+即时通讯IM实现h5直播聊天室
使用插件视频播放：TcPlayer直播间聊天：IM1、安装和引入tim// IM Web SDKnpm install tim-js-sdk --save// 发送图片、文件等消息需要的 COS SDKnpm install cos-js-sdk-v5 --save2、创建实例//tim.js代码import TIM from 'tim-js-sdk';import COSSDK from "cos-js-sdk-v5";let tim = TIM.create({ SDKA
2020-07-10 16:38:06
1463
原创 用echarts实现新型肺炎全国疫情地图
引入vue.min.js、echarts.min.js和china.js代码 setAreaChart() { var dom = document.getElementById("areaChart"); var myChart = echarts.init(dom); va...
2020-03-17 16:44:21
1455
原创 elementUI form表单 validateField部分字段校验
getPhoneCode() { let This = this; let data = { username: This.registerForm.username, captcha: This.registerForm.captcha }; ...
2019-08-12 16:31:57
9967
3
原创 vue父子组件的传值获取异步数据
在子组件用watch监听数据的变化 props: ['editorDetail','imagePath'], watch: { 'editorDetail': function(newVal,oldVal){ this.formDetail = newVal; }, deep: true, },...
2019-08-06 11:31:02
1154
原创 Vue 中的Element-ui 组件el-checkbox动态赋值更改选中状态
Vue 中的Element-ui 组件el-checkbox动态赋值的问题vue中修改checkbox的选中状态是不会实时更新的。看到一个方法，亲测有效。加个v-if=‘table’ ,重新渲染一下表格就好了<el-table :data="sceneData" v-if="table"> <el-table-column prop="name" label...
2019-07-11 11:34:05
24960
1
原创 纯CSS实现移动端左右滑动菜单
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> .menu{ width: 100%; white-space: nowrap; overflow: hidden; ...
2019-05-11 18:00:14
4671
原创 js判断一个数组是否包含另一个数组
js判断一个数组是否包含另一个数组 var a = [4,6,9,3,8,12]; var b = [4,3,8]; var c= [8,5]; var arr3 = []; function checkArr(arr1,arr2) { for(var i = 0; i<arr2.length; i++){ if(ar...
2019-05-09 20:26:08
6855
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人