huakaiwuxing的博客

原创 el-table下滚动条无法滚动问题

原创 el-upload上传多个文件

【代码】el-upload上传多个文件。

原创 el-input要求数字保留两位小数并且可以为负数

第一想法就是把type定位了number，然而：出现了这样的情况，小数点输入后光标直接跑到了最前面。后来发现把type换成text类型，正则就可以了。

原创 el-tree点击复选框传递自定义参数和默认节点参数

el-tree点击复选框传递自定义参数和默认节点参数

原创 vue form表单验证清除的区别

vue form表单验证清除的区别

原创 vuex（粗略记录）

computed:{ userManageChange(){ return this.$store.state.userManageChange }},watch: { userManageChange (newCount, oldCount) { let _this = this; if(newCount === true){ // _this._getAllLists() } }},

原创 vue2X,vue-cli 4.X 系列开发项目在ie（11）浏览器的兼容问题

一、如果项目内引入外部系统的内容，那么需要注意ie浏览器是不兼容标签拼接的形式的；二、封装的axios请求后台数据时在谷歌，火狐等浏览器均可以顺利获取到数据，在ie浏览器中会报错主要报错信息如下：SEC7123: Access-Control-Allow-Headers 列表中不存在请求标头 tokenSCRIPT7002: XMLHttpRequest: 网络错误 0x80070005, 拒绝访问。之所以会出现这样的错误，是因为http中标准的head，认证名字叫做Authoriz

转载 vue中 this.$nextTick的使用

这篇文章写的很好，学习了https://www.cnblogs.com/chaoyuehedy/p/8985425.html

转载 vue cli3项目使用本地模拟数据

目前vue最新的脚手架是vue-cli3，相比之前的vue-cli2，vue-cli3更轻便，而且新增了图形界面管理。但是想要用好vue-cli3呢，也需要开发者更了解webpack，vue-cli2与vue-cli3的比较，webpack的配置这些，都可以多了解一下，这里不多说，今天主要是简单讲一下在vue-cli3中，我们如何在本地模拟接口。一、本地模拟数据1、用编辑器打开刚刚创建的项目（我目前使用的是VS code编辑器，没有用过的朋友可以试试，非常不错哦），我们可以看到原生的项目结构如下

原创 vue项目中父子组件的交流

父组件：要被修改的data值如下要加.sync<allMenuTree @updateMenu="_getAllLists" ref="allMenuTree" :menuId.sync="menuId" :parentsId.sync="parentsId"></allMenuTree>子组件：就可以直接用如下方法来修改this.$emit("update:menuId",data.id).

原创 关于vue项目中请求接口的几种形式

前提是使用的封装好的qs如果用qs.stringify()包裹data，那么浏览器中的 content-type 为 application/x-www-form-urlencoded; charset=UTF-8如果指定content-type为 application/json ，那么浏览器中的content-type即为指定的，然后传递的参数形式为对象形式的...

原创 elementui中表单校验有的通过，有的不通过的问题

情景是这样的：两个tab标签下有不同的表单数据，这两个不同的表单数据在一个form里边绑定，这个form是嵌套对象的形式，并且tab标签的切换使用的v-if，v-else来判断的在其中一个form表单的为空校验的时候，很奇怪，有的校验到了，有的没有；解决方案一：在这个需要为空校验的一块内容中加了个form，即form嵌套参考：https://blog.csdn.net/gnosed/article/details/105678880解决方案二：将v-if换为v-show猜测：被认为含有自

原创 vue项目报错Avoid mutating a prop directly since the value will be overwritten whenever the parent ...

今天在做项目的时候报了这么一个错，场景是一个vue的view中嵌套了一个弹框子组件A，该子组件中又嵌套了一个子组件B，B组件中的input绑定的直接是父组件传递过来的放在props中的值，所以报错，意思是不能直接通过改变props中的值来改变父组件的值，那么，怎么解决呢？我们可以在data中添加指向props中值的写法来解决这个问题props: { propertyId:{type: Number,}, repayId:{type: String,}, repa

原创 针对鼠标移入移出和点击事件冲突的解决

$('.export').hover(function(){ $(this).addClass("active");}).mouseout(function(){ if($(this).html() != _nowText){ $(this).removeClass("active"); }});var _nowText ;$(".export_list .export").click(function () { $(this).ad.

原创 jq在input中存储json对象

<input value='${JSON.stringify(item)}' class="value_option hide">

原创 bootstrap-datapicker

年月：<div class="input-wrapper"> <input class="edit" :disabled="!isEdit" name="reportStartDate" id="time" autocomplete="off"/></div>//实例化时间控件$("#time").datepicker({ todayHighlight: true,// 当前时间高亮显示 autoclose: 'true',// 选

转载 vue项目中引入js文件

js文件一定要放在static下面，不可放在assets下面，因为assets下面的内容最终是要被打包的，而static下面的内容是不用打包直接放过去的；摘自：https://www.jb51.net/article/150517.htm遇到问题：今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题：控制台的提示：Uncaught SyntaxError: Unexpected token <按照提示进入文件，再看如下图：仔细看了看 ..

原创 jq页面加载就执行click事件的坑和form表单清空的坑

第一个jq页面加载就执行click事件的坑：最开始的写法是$(".class").click(function(){})换成在标签中的onclick="aaa()"方式解决了；function aaa（）{xxxx}第二个form表单清空的坑：最开始的写法：$(".form").reset()无效改成$(".form")[0].reset()顺利清空；...

原创 vue点击切换class

<div> <ul> <li v-for="(item,index) in movies" :class="{active:currentIndex === index}" @click="liclick(index)"> {{index}}.{{i...

原创 es5中的闭包

需求：点击按钮，对应打印第几个按钮被点击<button>按钮一</button><button>按钮二</button><button>按钮三</button><button>按钮四</button><button>按钮五</button>错误写法： ...

原创 js基础知识整理（二）

1.变量的声明提前使用var关键字声明的变量，会在所有的代码执行之前被声明（但是不会赋值）但是如果声明变量时不使用var关键字则变量声明不会被提前console.log("a="+a); //undefind(若去掉var报错)var a = 123；2.函数的声明提前使用函数声明形式创建的函数 function 函数名 (){}它会在...

原创 js基础知识整理（一）

1.js的数据类型基本数据类型：string、number、boolean、null、undefind引用数据类型：object只要不是基本的5种，那都是对象2.字符串解析parseInt() parsefloat()a='123px'a=parsentInt(a) //123a=Number(a) //NANa='123a45678'a...

原创 css基础知识整理

1.搜索引擎检索信息meta标签的的description和keywords2.伪类选择器input:focus //获取焦点input::selection{ } //为网页中选中的文字设置样式，该伪类在火狐中需要单独写 -webkit fox ······3.伪元素（1）表示元素中的特殊位置p:first-letter 首字母p:first-line ...

原创 搭建react项目

前提是已经安装好了npm和node1打开vscode并新建终端输入以下命令安装create-react-appnpm install -g create-react-app2.创建一个名为helloreact的项目create-react-app helloreact3.项目文件介绍4.启动项目&构建项目npm start //启动项目np...

原创 vue中传参到另一个页面

<div class="list" v-bind="indexLists" v-for="(item,key,index) in indexLists" :key="index"> <router-link :to="{path:'/BlogGoodsDetail',query:{ id:item.id}}"> <di...

原创 vue项目中将methods中的数据绑定到标签

可以采用在methods方法内给data赋值的方法也可以采用return的方法1.给data赋值的方法<template><div id="app3"><div class="blue-back"> <div class="left mall-name">悦动</div> <div cl...

原创 vue项目中定义组件私有的css样式小结

在vue项目中不同的组件对应引入不同的css文件，那么在vue项目中可以顺利实现不同页面不同css样式不会冲突，但是使用webpack打包之后会将这些引入的css文件打包到一个css文件当中，不巧的是我对不同组件定义了不同的background的样式，这时就产生了覆盖解决方法：在组件内部使用<style lang="less" scoped></style>即可定义...

原创 vue项目中点击切换active写法

这里其实就是一个动态的class绑定，一个传参函数，即可简单实现动态切换；

原创 es5中js和json对象相互转换

es5中的js和json对象相互转换1.JSON.stringify(obj/arr)js对象（数组）转换为json对象（数组）2.JSON.parse(json)json对象（数组）转换为js对象（数组）

原创 vue项目报错：Uncaught SyntaxError: Unexpected token <

刚开始我的项目资源文件都是放在src/assets下面的，结果后来需要使用layer.js；引入该文件之后项目报这个错误；查找了解决方法，将资源文件放到static下面就顺利解决这个问题了；...

原创 vue组件中只能写一个template以及点击动态切换问题

vue组件中引入另一个组件可以使用import的形式引入以后再用标签的形式进行引入展示；这里用了class的绑定 ：class={active:shows==1}并且这里的class绑定的形式为对象类型，对象类型中的isA，isB是布尔类型值class的绑定有三种形式1）:class='xxx' 2）表达式是字符串:'classA' 3)表达式是对象：{cl...

原创 vue中css实现body的高度等于屏幕窗口的高度

body{ height:100vh;}

原创 mac上springboot+vue从零开始的简单开发

进入Node.js官网：https://nodejs.org/en/，选择下载并安装Node.js。2.验证Node.js是否安装好，在macos下，shift+command+a召唤出应用程序窗口，在里面找到终端打开后输入node -v即可得到对应的Node.js版本。3.npm包管理器是集成在Node.js中了，所以在安装Node.js的时候就已经自带了npm，输入npm -v可得到...

原创 解决addClass不起作用的小妙招

今天遇到了这么一个问题，同样的写法，实在是找不出来为什么其中一个标签的addClass无法实现；最后发现了这么一个方法，这才是最重要的当点击事件后，获取到this然后给他添加class；起初是用的$(this)我也打印了，可以正确获取到标签无误，但addClass就是无法实现；后来改用了$("span",$(this)) 注：this这个标签即是span...

原创 css实现超出部分用省略号显示

white-space:nowrap; /*文本不换行*/ text-overflow:ellipsis;/*设置超出部分显示...*/ -o-text-overflow:ellipsis; overflow: hidden;

原创 web前端面试试题整理

近来根据我所了解到的同事或朋友面试所被问到的问题做了一个整理，其中很多我依旧欠缺，先把问题整理出来，后续答案陆续加上，知道答案或者已有自己见解的小可爱们欢迎留言，共同学习。1.vue路由的跳转原理2.合并数组3.http的3次握手和4次挥手http的三次握手和四次挥手：浏览器在给服，务器传输数据之前，有三次握手，握手成功之后，才可以传输数据1、浏览器需要先发送SYN码，客...

原创 drpoload实现页面上滑加载下一页

首先需要引入资源文件dropload.min.js/** * dropload * 西门(http://ons.me/526.html) * 0.9.1(161205) */!function(a){"use strict";function g(a){a.touches||(a.touches=a.originalEvent.touches)}function h(a,b){...

原创 vue解决跨域

vue项目中的config下面的index.js中dev：{}的proxyTable中配置 proxyTable: { // 路由接口代理配置 '/api':{ target:'http://localhost:8443',//这里是跨域请求的接口的域名 changeOrigin:true, //changeOrigin这个参数为...

原创 mvm与mvvm

原创 js中的map函数

const str = 'happy_birthday_to_you';const newStr = str.split('_').map(item => item.replace(/^\S/, s => s.toUpperCase())).join('')console.log(newStr)map函数 遍历数组中的每一个值正则表达式：/ ******/ ...