自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 js 数组转字符串

在工作中经常会遇到将需要将数组修改为字符串的操作,下面就是方法,希望对大家有用例:JSON.stringify(data)就可使数组转为字符串注:括号中的data为要转成字符串的数组

2021-10-27 18:04:09 455

原创 vue 路由传参

路由传参方法有很多,这里只写我常用的两种,希望能对大家起到帮助1,先上代码:this.$router.push({path: ‘/index’,query: { id:1 }})点击事件页面跳转传参注意点:path的值为要跳转的页面,query为要传的值,第一个为key值,第二个为value值接收方法为: this.$route.query.id,注意点: query后跟的是你传值的key,在页面中可以直接使用2,先上代码:< router-link :to="{name:

2021-10-25 16:43:15 129

原创 splice 方法的使用

splice方法常用于数组内指定元素删除,例:var data = [1,2,3,4,5]data.splice(1,1)console.log(data)打印出来的值为[1,3,4,5]也可用于删除多个,例如:data.splice(1,2)打印值为[1,4,5]注释:splice(第一个值为从何处开始,第二个值为删除几个)第一个值为index下标,从0开始,删除数组内的第几个元素第二个值为删除几个元素,从第一个值定义的下标位置开始扩展:splice方法也可用于数据的增加,修改,例

2021-10-21 17:50:15 7067

原创 vue 父子传值

vue中父子传值1,引入子组件,引入方式有好多种,这只举一种当作例子:2,使用子组件,例:3,定义数据传给子组件:例:4,子组件接收传值:例:5,子组件传值给父组件,例:handleSizeChange为父组件内定义的方法,可以接收到子组件的传值以上只是个人理解,如有错误请联系更改,谢谢...

2021-10-20 17:41:29 92

原创 vue set用法

在vue项目中经常会遇到接口获取到值然后赋值以后页面数据没有发生变化得bug,这种情况中我们可以用到vue中得set方法,使页面视图进行数据刷新,但是跟原始得刷新时不一样得,这个方法只是通知vue进行双向数据绑定得数据刷新,并不会进行页面得刷新。使用方法,例:var data = { name:’‘小明’’ }this.$set(data,‘name’,’‘小芳’’)console.log(data)打印得值为{name:‘小芳’}这样赋值就可以让页面上得值进行刷新,可以解决掉当前得bug

2021-10-18 17:45:56 506

原创 div中img盒子居中 (移动自身一半)

html:"< div >< img src=“url”>< /div >"css:img{width:50px;margin-left:50%;transform: translate(-50%, 0); //让盒子移动向左移动自身宽度的一半}这样就可以让盒子居中,这只是其中的一种方法,不用定位等操作...

2021-10-15 13:48:17 670

原创 简单的node版本升级 window系统

工作中的node版本可能会遇到node版本过低,再安装其他依赖时会有报错,这个时候就需要升级node版本最简单的node版本升级就是去官网直接下载自己需要的node版本,然后进行替换安装就可以了,但是前提是电脑是window系统,下面会给出node官网的中文网址:https://nodejs.org/zh-cn/download/直接去官网找到所需版本,然后下载安装就可以了,注意:这是window系统的方法,同时需要注意自己电脑是32位还是64位的,下载相对应的版本。...

2021-10-13 16:47:44 875

原创 jQ中push()方法得使用

jq中push()方法得使用解释:push()方法可以向数组末尾添加一个元素或对象例:var data = [ { name:‘弟弟’, age:18 } ]var sister={name:‘妹妹’,age:17}data.push(sister)console(data)打印出来data值为[ { name:‘弟弟’, age:18 },{ name:‘妹妹’, age:17 } ]...

2021-10-12 17:00:34 1915

原创 element input组件常用属性用法

在vue项目中肯定会用到element组件库,里面的input组件的用法和常用属性如下:**1,type属性:用法跟原生输入框一样,例:type=“text”,type=“password”,进行输入框的类型设置2,value 或 v-model:用于输入框内的数据进行双向数据绑定,例:value=“name”,或v-model=“name”3,maxlength属性和minlength属性:"maxlength"用于现在输入框最多输入的字符,同理 “minlength” 用于输入框最少输入的字符

2021-10-09 16:46:00 10504 2

原创 css 选择器优先顺序

!important (在css中加入此行代码,当前的css样式权重为最高。例:)2,行内样式 (写在html内的css。例:)3,id选择器 (在html元素中添加id。例:)4,class选择器 (在html添加class类名。例:)5,标签选择器 (在css中直接对div等元素添加css样式。例:)6,* 通配符选择器 (在css中直接添加通配符选择器。例:)7,浏览器的自定义属性和继承 (继承与父元素的css样式)...

2021-10-08 16:06:30 118 1

原创 vue watch监听data对象内单个数据变化

在vue项目中经常会遇到需要监听对象中某个数剧的变化,这时候可以用到vue里的钩子函数,但是大部分刚入行的只会监听data中的某个变量的数据变化,data中对象内的数据监听如下图,希望对大家起到帮助。下面是监听方法:...

2021-09-29 16:59:28 881 3

原创 css鼠标移入变小手

鼠标移入变小手css样式添加css代码为:“cursor:pointer;”

2021-09-29 16:38:55 1605 1

原创 v-html作用

v-html可以使测试代码代码正常转化为页面效果项目使用为

2021-09-29 16:31:55 750 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除