2 一颗苹果想要成为一个星球

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 42w+

VUE图片资源读取失败时如何显示默认图片

如何实现图片访问失败时显示默认图片,在图片标签中添加方法@error,此方法会在图片资源读取失败时触发,然后在对应的方法中替换图片资源,代码如下://样式<div> <img :src="citem.url" @click="openImg(citem.url,index,cindex)" @error="defaultImgs(index,cindex) “ style="object-fit: cover"</div>//方法 defau

2020-07-21 09:36:22

解决html页面或vue页面初始进入时页面闪烁。出现{{}}数据的现象

在html页面引用vue.js时出现闪烁{{}}未加载数据以及默认样式,初始一进来闪动太丑了,使用v-cloak完全不起作用,找了很久,发现下面这个方法可行在页面最外层div上加上下面这段语句:<div id='app' style="display: none;" :style="{display: 'block'}">可以生效的原因是:style只有vue渲染的时候才识别,在此之前style=“display: none;” 让页面不显示。vue渲染后,:style="{disp

2020-07-10 11:24:11

如何在html页面使用vant组件的dialog弹出框

代码: this.$dialog.confirm({ title: '提示', message: '确定核销?' }).then(() => { console.log('你确定了核销') }).catch(() => { console.log('你取消了核销') });

2020-06-30 17:13:54

H5与移动端页面在手机上调试的方法

1.安装node.js2.安装之后,在node里面找一个文件夹用来放需要调试的文件,这个文件夹也是用来起服务用的;我选的是这个(里面的文件是安装之后就有的,不必理会,放入自己的文件就行)3.在这个路径下,再此以管理员身份允许cmd,执行命令,npm install http-server -g 安装服务依赖4.安装成功之后,再执行 http-server 命令,起服务5.一定确保手机和电脑连得是同一个局域网(wifi),然后在手机浏览器里输入上图第一个地址http://(这里是电脑ip):808

2020-06-28 09:38:24

vue处理数组的几种方法

数组追加array.push(element1[, ...[, elementN]])const array = []array.push(1)console.log(array) //=> [1]array.push(2, 3)console.log(array) //=> [1, 2, 3]console.log(array.length) //=> 3首端添加array.unshift(element1[, ...[, elementN]])const ar

2020-06-09 16:04:59

js中几种常用的数组处理方法的总结

js中几种常用的数组处理方法的总结一、filter()用法功能:用于筛选数组中满足条件的元素,返回一个筛选后的新数组。<script> $(function(){ var arr = [1,-2,3,4,-5]; var minus = arr.filter(function(item,index,array){ return item < 0; }); console.log(minus

2020-06-09 15:59:11

各种情况下的定位方式总结(元素水平/垂直居中)

1.定长定宽1.1绝对定位和负magin值HTML:<div class="father-box"> <div class="children-box"></div></div>CSS:.father-box { width: 200px; height: 200px; border: 1px solid red; margin: 0 auto; position: relative; }

2020-06-09 15:34:33

html中使用js将axios请求封装

百度中全是vue-cli中使用axios的方式,我需要用的是在html中引入axios.js1、新建 httpRequest.js 文件,定义如下方法://axios封装post请求function axiosPostRequst(url,data) { let result = axios({ method: 'post', url: url, data: data, transformRequest:[function(dat

2020-06-09 15:01:08

获取地址栏url后的参数值

获取地址栏url后的参数值调用方法,获取参数值let code = this.getUrlParam('token');//“ ”的内容为你要获取的参数名方法: getUrlParam(key) { var href = window.location.href;//获取页面路径 var url = href.split("?"); if (url.length <= 1)

2020-06-08 17:35:37

HTML页面之间传递Json格式数组的方式

HTML页面之间传递Json格式数组的方式如下:a.html localStorage.setItem("userinfoList", JSON.stringify(list) );b.htmllet list = JSON.parse(localStorage.getItem("userinfoList"))console.log("list:"+list)

2020-06-08 14:35:55

阻止点击方法穿透到下一层

div防止点击方法穿透到下一层在上层点击方法中添加代码: event.stopPropagation();即可阻止方法穿透。 fileDel: function (index) { event.stopPropagation() this.imgList.splice(index, 1); },...

2020-06-08 11:31:25

静默授权-前端篇

静默授权-前端篇注:本代码基于vue一、获取code1.存入当前地址,用于回调let baseUrl = window.location.href; // 存入当前地址,需在getCode方法前调用,建议放在created里获取 2.getCode的方法getCode() { const code = this.$route.query.code; // 截取路径中的code,如果没有就去微信授权,如果已经获取到了就直接传code给后台获取openId if (code == n

2020-06-02 13:42:39

Vue实现Div并列的方法

不同情况下,Div并列的实现方法一. 不需要适配ie浏览器时1.使用flex实现二. 若需要适配ie浏览器1.使用float实现2.使用display:table实现一. 不需要适配ie浏览器时1.使用flex实现最简单常用的用法,父Div使用display:flex,内层div并列 <div style="display: flex"> <div> <p>你要写的内容</p>

2020-05-29 16:14:55

数组循环赋值

将一个数组的部分属性循环赋值给另一个数组方法: let list = onlinedata.leftlist; var column = []; for (let i = 0; i < list.length; i++) { let temp = {}; temp.id = list[i].leftid temp.name = list[i].leftitle column.push(temp) } this.leftmoudleList = co

2020-05-29 16:01:48

子组件watch中(监听)父组件数据的变化

父组件发生数据变化,动态的传递给子组件,子组件实时刷新视图解决方法:需要在子组件watch中(监听)父组件数据的变化在子组件中使用watch应该注意的问题:1.watch监听普通类型的数据:data() { return { frontPoints: 0 } }, watch: { frontPoints(newValue, oldValue) { console.log(newValue) }

2020-05-29 15:46:05

前端VUE如何实现Div自适应等高

前端VUE如何实现Div自适应等高1.利用padding实现2.利用table-cell实现1.利用padding实现样式部分: .content{ overflow: hidden; margin:auto /* 看自己需要设置,不影响div高度变化*/ } .left{ background-color: blue; float: left; width: 30%; margin-bo

2020-05-29 15:39:35
勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 分享学徒
    分享学徒
    成功上传1个资源即可获取