- 博客(37)
- 收藏
- 关注
RSS订阅原创 vue组件孙子调用爷爷的方法
1、在爷爷组件中设置provide(){ return{ saveFun:this.saveFun } },saveFun我自己的方法 provide和methods同级2、直接在孙子组件中设置inject:['saveFun'],inject data同级剩下的就是直接调用saveFun这个方法了
2022-01-05 21:07:49
4120
1
原创 判断数组是否有相同的值
//判断数组是否有相同的值exportfunctionarrTest(arr,key){constids=arr.map(value=>value[key]);constidsSet=newSet(ids);if(idsSet.size==ids.length){//console.log("“不存在同个值”")returnfalse}else{//console.log("“存在同个值”")re...
2021-12-28 14:54:18
789
原创 前端下载静态文件excel
vue3.01.首先把Excel表格放在public文件下2.开始写代码download() { let a = document.createElement('a'); a.href =/excel/上传模板.xlsx; a.download = '上传模板'; a.click(); }
2021-12-02 15:04:06
784
原创 深拷贝 浅拷贝的实现方式
浅拷贝Object.assign()concatvar a = [1,2,3];document.write(a.concat(4,5));//1,2,3,4,5lodash 里面有个 clone深拷贝$.extendlodash 里面有个 cloneDeep
2021-07-03 17:33:40
57
原创 赋值 浅拷贝 深拷贝
赋值var person = { name:'测试ll', hobby:['学习',['打羽毛球'],'睡觉']}var person1 = personperson1.name = '测试'person1.hobby[0]='玩耍'console.log(person,person1)说明： person 和 person1 的结果还是一摸一样的原因： 因为person 和 person1 指向的是同一个储存空间 是相互影响的浅拷贝var person = { nam
2021-07-03 17:03:45
75
1
原创 es5this的指向
这里写自定义目录标题 var name = 222 var a={ name:111, say:function(){ console.log(this.name) } } var fun = a.say fun() // fun.call(window) 222 a.say() // a.say.call(a) 111 var b={ name:333, say:function(fun){ fun() // 传入的是
2021-07-03 13:33:16
82
原创 js预编译
js预编译function fn(a,c){ console.log(a) //fn a var a = 123 console.log(a) //123 console.log(c) //fn c function a(){} if (false){ var d=123 } console.log(d) // undefined console.log(b) // undefined var b = function(){} console.log(b) // f
2021-06-29 14:32:57
46
原创 富文本 编辑的内容 上传到oss 里面并生成html文件
首先配置好富文本，详情访问富文本样式不变配置打开oss文件找到流式上传 仔细看下文档代码配置let OSS = require('ali-oss') // 引入ali-oss插件const client = new OSS({ region: 'oss-cn-shanghai',//根据那你的Bucket地点来填写 accessKeyId: 'LTAI4Fpp8jyjSbSTJPwsRaXY',//自己账户的accessKeyId accessKeySecret: 'uu1Bh1jQ
2021-04-08 10:33:15
1288
1
原创 vue 富文本 粘贴样式不变 tinymcce
vue 富文本 粘贴样式不变 tinymcce1.找到此方法此段代码加上去plugins: plugins, end_container_on_empty_block: true, powerpaste_html_import:'propmt', powerpaste_word_import: 'propmt', powerpaste_allow_local_images:true, paste_data_i.
2021-04-06 09:52:18
773
原创 element table 遍历
<el-table border ref="saleDetailsTable" :data="queryInfo.TableList" tooltip-effect="dark" style="width:99.9%" :header-row-style="{height:'54px'}" :header-cell-style="{background:'#eef1f6',color:'#000'}" :default-sort="{prop: 'itCode', order: 'descendin.
2020-12-25 16:12:00
1337
原创 element form 表单校验 动态添加校验
例如：调拨出库仓和入库仓的值不能一致校验写法：data（）方法中const checkNumbers = (rule, value, callback) => { // 校验通知数量 if (this.searchForm.outWarehourseCode == this.searchForm.inWarehourseCode) { callback(new Error('出库仓不能和入库仓一致')); } else { callback();
2020-09-18 17:07:38
1142
原创 微信小程序搭建 mpvue+vant
第一步：想好小程序名称，并创建它详细操作 :mpvue 小程序操作步骤操作完成后，我们用微信开发者工具导入项目目录，运行起来看看效果第二步：添加vant组件回到刚才的命令窗口，还是依旧在项目目录下面，添加vant组件的依赖$ npm install vant-weapp -S --production执行后，可以进入package.json文件，查看depend...
2020-04-08 15:47:30
363
原创 js数组数据处理
// 处理前数据let arr = [{id:'1',name:'dwejdww'},{id:'2',name:'dfrefrew'},{id:'1',name:'bfdbfdb'},{id:'3',name:'rfererg'},{id:'2',name:'dwejdfww'},]// 处理后数据arr=[{id:'1',name:'dwejdww,bfdbfdb'},{...
2019-05-08 18:30:59
463
原创 图片多次上传
1.功能2.遍历标签，添加元素 <div class="mb15 clearfix" v-for="(item, index) in addnormals" :key="index" > ...
2019-01-28 10:50:10
281
原创 小程序项目搭建终结
小程序开发框架选择比较和实践：https://www.jianshu.com/p/dfb8c00d1057 项目架构：mpvue(框架）+iview-weapp（组件）+fly.js（发送请求）+less（预处理）+vuex（状态管理）+webpack（模块打包） 一、Node安装mpvue：二、Iview-weapp UI库的引入：先去github(https://githu...
2019-01-25 15:04:23
174
1
原创 vue 判断是否在网页 ios 安卓内
/**判断是在我们自己的APP应用内*/const isApp = () => { return navigator.userAgent.indexOf("WisdomApp") > -1;} /**判断是在我们自己的Android APP应用内*/const isAndroid = () => {return isApp() &&...
2019-01-18 13:56:41
1241
原创 h5 判断是否在微信下
let ua = window.navigator.userAgent.toLowerCase();if (ua.match(/MicroMessenger/i) == 'micromessenger') { alert('weixin')} else { alert('noweixin')}
2019-01-17 19:28:21
1203
原创 js弹出新的浏览器窗口，并指定浏览器弹出大小
该名称由字母、数字和下划线字符组成。 "_top"、"_blank"、"_self"具有特殊意义的名称。 _blank：在新窗口显示目标网页 _self：在当前窗口显示目标网页 _top：框架网页中在上部窗口中显示目标网页 相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。 name 不能包含有空格。参数字符串：可选...
2018-11-28 10:41:58
1628
转载 html中location的用法详解
Location介绍location指示了其所连接对象的url位置。Document和window对象中都有location属性，可以通过window.location和document.location访问。注意 如果想要获得当前文档的完整url字符串，有四种方式document.location document.location.href document.URL docume...
2018-11-28 10:04:45
272
原创 好记性不如烂笔头
paramsl.loanStatus == 0 ? '注册无资料' : paramsl.loanStatus ==1 ? '待审核' : paramsl.loanStatus == 2 ? '审核通过' : paramsl.loanStatus == 3 ? '审核失败' : ''
2018-11-27 11:39:09
59
原创 通过接口返回的参数判断网络状态
// 网络判断export function isNetwork(e) { if ( e.message === 'Network Error') { if (e.stack && e.stack.includes('XMLHttpRequest.xhr.ontimeout')) { //网络状态 return "服务异常请稍等！" } else...
2018-11-27 09:54:56
1015
原创 url 链接后面拼对象参数
例子：加密编码参数"#openMembership?vipList="+encodeURIComponent(JSON.stringify(vipList)) encodeURI() 函数可把字符串作为 URI 进行编码。加密整个urlencodeURI("http://www.w3school.com.cn/My first/") 详细：http://www.w3...
2018-11-20 16:17:50
5941
1
原创 纯js的复制粘贴
const copyToClipboard = str => { const el = document.createElement('textarea'); // Create a <textarea> element el.value = str; // Set its value to the st...
2018-11-15 20:02:21
104
原创 问题：判断当年龄等于24的时候，在该对象里边添加一个key是table，value是一个数组，数组里边是年龄24所在的对象
var arr = [{ "name":"张三", "age":10, "sex":"男" },{ "name":"李四", "age":24, "sex":"男" },{ "name":"王五", "a
2018-11-14 10:25:19
139
1
原创 问题：vue路由跳转时判断用户是否登录。
网上资料不完整，解释大多不正确，主要在哪些路由需要设置校验。解决方案：在main.js进行路由跳转校验，在路由文件里配置哪些路由需要校验，如图：Main.js:Index.js(路由) 部分:...
2018-11-08 14:57:43
816
原创 问题：自定义的组件@click无效
原因：自定义组件上注册的事件触发的是组件自定义的事件解决方案：使用@click.native注册元素的原生事件，用法和@click一样，或者对其进行改造，具体方法可以参考：https://www.jianshu.com/p/0a8a89687bb6...
2018-11-08 14:55:16
1441
原创 问题：项目部署请求接口配置。
说明：我们环境分测试和生产环境，不同环境请求的接口不同，需要在config里进行配置，现在的做法是配置一个常量，每次加在请求的接口上，每次发布都会打一个包，根据包丢的环境不一样服务器会自动加载不同环境的接口再拼上常量，同时也会解决掉一个报错。报错：（貌似和打包有关，之前dev环境的没有打包，直接从master分支拉取的，生产的没有报错）解决方案：如图：Dev:生产：...
2018-11-08 14:50:38
717
原创 问题：二进制流形式的文件下载。
原因：后台有权限设置，以open方式的下载不行，需要设置返回类型blob。解决方案：如图：总结：axios的请求方式无法获取到返回值，还是用原生js的方式解决了，难点：跨域（主要后台），设置blob。...
2018-11-08 14:45:31
532
原创 问题：build打包后运行index文件显示空白页和背景图片加载不出来问题。
原因：1：main.js里添加了去掉#号的代码2：config下面的index.js里build对象里assetsPublicPath设置相对路径（空白页）。3：背景图片及其他图片不出来时，在build文件下的utils.js里添加publicPath: '../../'，也是改成相对路径解决方案：main.js不要添加去掉#号的代码，如图：Main.js:Co...
2018-11-08 14:43:28
704
原创 2. 问题：菜单数据格式不统一，导致菜单路由不好配置
菜单数据参考：（适用于只有左菜单的）如图：[{ "path": "/menuOne", "component": "Home", "name": "导航1", "iconCls": "el-icon-message", "leaf": false, "children": [{ &qu
2018-11-08 14:38:49
218
原创 1. 问题：vuex页面刷新，状态被初始化。
原因：vuex是对数据的缓存（走的浏览器的缓存），当浏览器刷新的时候，vuex里面定义的变量会被初始化，并不能长久保存。 解决方案：把本地与vuex进行数解决方案：把本地与vuex进行数据同步，存vuex的同时，也存本地一份，在主js里面判断本地是否具有存储的数据，有的话再赋值给vuex，详情见图：(不局限此方法)Main.Js:...
2018-11-08 14:33:34
759
原创 文件导出函数封装
// 导出export function exporttable (httpUrl,token, formData, callback) { //callback 执行之后回调的函数var xhr = new XMLHttpRequest()if (xhr.withCredentials === undefined){ return false};xhr.open("post", h...
2018-11-06 15:10:32
133
转载 导出文件原生js方法
let httpUrl if(pushname == 'luohui'){httpUrl = BASE_URL+'/loan/zxLhpingan/exportExcel'//所需url} else if(pushname == 'kunxuan'){httpUrl = BASE_URL+'/loan/zxKxpingan/exportExcel'}var xhr = n...
2018-11-06 15:08:21
479
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人