- 博客(19)
- 收藏
- 关注
原创 vue 富文本 WangEditor基本使用
npm下载npm i wangeditor --saveimport E from "wangeditor"; data() { return { phoneEditor: "", }; }, mounted() { // wangeditor this.phoneEditor = new E("#websiteEditorElem"); // 上传图片到服务器,base64形式 // this.phoneEditor.custom
2022-03-04 15:13:14
866
原创 *vue 数组对象插值(this.$set的使用方法)
this.tableData.forEach(item => { this.$set(item, 'time1',"我是哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈") });
2021-12-22 10:39:16
528
2
原创 *前端实现上移下移移除
move(arr, index1, index2) { if (index2 >= arr.length || index2 < 0) return; arr[index1] = arr.splice(index2, 1, arr[index1])[0];},@click="move(val.list,scope.$index,scope.$index-1)"@click="move(val.list,scope.$index,scope.$index+1)"@clic
2021-12-22 10:34:21
388
原创 *vue跳转新项目并携带参数 微信关闭当前页面
*vue跳转新项目并携带参数if (/iPhone|mac|iPod|iPad/i.test(navigator.userAgent)) {//苹果跳转 location.href = this.$store.state.JumpUrl + this.JumpWeb; }else{ window.open( this.$store.state.JumpUrl + this.JumpWeb ); }
2021-12-22 10:29:17
353
原创 *将数组分成每三个一组
var result = [];for(var i=0;i<data.length;i+=3){result.push(data.slice(i,i+3));}
2021-12-22 10:21:59
414
原创 *文档流下载
*文档流下载let blob = new Blob([res.data], {type: “application/vnd.openxmlformats-officedocument.wordprocessingml.document”,});if (window.navigator.msSaveOrOpenBlob) {navigator.msSaveBlob(blob);} else {let elink = document.createElement(“a”);elink.downl
2021-12-22 10:18:40
164
原创 input框只能输入数字 oninput事件
input框只能输入数字<el-input oninput="value=value.replace(/[^\d]/g,'')">oninput 事件在用户输入时触发。该事件在 或 元素的值发生改变时触发。该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发, onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 和 元素。...
2021-05-06 12:27:50
889
原创 js基本类型和引用类型
js数据类型大致分为scring number boolean function object等等其中object是引用类型,其他数据类型则为基本类型var a = 123; var b = a; a++; console.log(a,b);//124,123这里的console.log输出为什么a是124而b则还原始值123基本数据类型保存的是值引用数据类型保存的是 引用/地址这是开辟了两个内存空间,给a内存赋值123,b是拿a的属性值123 赋值粘
2021-04-11 19:50:21
84
原创 数据导出 表格
window.location.href = .then((res) => { if (res.data.code == 0) { window.location.href = res.data.data } })
2021-03-19 11:10:53
77
原创 vue el-Table表格当前行的key值拿到并渲染至页面
表格点击详情显示当前行的详细信息表格添加@row-click <el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" @row-click="getDetails">写事件拿到当前行信息【注】row是变量 页面内使用this.row就可以渲染页面了getDetails(row){ // console.log(row) this.rows = row
2021-03-11 14:16:56
3288
原创 时间线可折叠 双层循环
效果图是这样的:1.该功能使用了双层循环请求数据2.实现了折叠功能3.利用三元表达式隐藏了多余样式4使用css样式完成了文字变色5点击切换图片【注释】文章最下面有该功能所有代码<template> <div class="box"> <div v-for="(v, index) in sum" :key="index" class="box2"> <div class="box3"> <!-- 左侧
2021-03-10 10:39:36
434
原创 Invalid prop: type check failed for prop “strokeWidth“. Expected Number with value 16, got String wi
数据类型是字符串类型不是数字类型 给前面加:可以解决
2021-02-26 14:49:28
2060
原创 el-table multipleTable selection勾选框选中获取列表内容并动态渲染
今天写bug中遇到一个技术难点 如下图所示项目要求是选中勾选框 将他的内容拿到并渲染在页面上------核心思想就是利用ref传值,然后渲染内容。仔细阅读文章会发现这个问题很容易解决【如果帮到你请点个赞哈】第一步给el-table添加ref<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark"> <el-table-column type="selection" width="55"> &
2021-02-22 18:25:48
4412
原创 el-tabs vue element-ui 标签实现点击切换组件 简单
在写项目过程中有以下这个需求。如果使用el-tabs标签页会使页面代码过多且不适合维护。所以使用了以下方法进行了修改,非常简单。效果图 <div class="main-container"> <el-tabs v-model="currentView"> <!--name对应路由名--> <el-tab-pane label="登录日志" name="Television"></el-tab-pane>
2021-02-18 17:38:59
1706
转载 vue转换后端时间格式
后端传过来的数据是这样的转换时间格式后首先现在methods里定义方法//时间格式转换 dateFormat: function (time) { var date = new Date(time); var year = date.getFullYear(); /* 在日期格式中,月份是从0开始的,因此要加0 * 使用三元表达式在小于10的前面加0,以达到格式统一 如 09:11:05 * */ var mon
2021-01-22 10:57:43
1393
原创 vue自定义日历组件(简单易上手) 日历封装 pc/移动端
vue自定义日历组件<template> <div id='calendar'> <!-- 年份 月份 --> <div class='month'> <ul> <!--点击会触发pickpre函数,重新刷新当前日期 @click(vue v-on:click缩写) --&g
2021-01-11 17:16:56
2061
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人