| | | |

2019年7月25日

摘要： 1、居中元素使用calc()给我们提供另一个垂直元素的解决方案。如果我们知道元素的尺寸，一个典型的解决方案使用负外边距移动自身距离高于宽的一般，如下： /*对于300px*300px*/ position:absolute; top: 50%; left: 50%; margin-top: -15 阅读全文

posted @ 2019-07-25 10:09 zhx119 阅读(605) 评论(0) 推荐(0)

2019年7月24日

数组去重、数组对象去重

摘要：数组去重： function unique2(array){ // 数组去重 var n = []; //一个新的临时数组 //遍历当前数组 for(var i = 0; i < array.length; i++){ //如果当前数组的第i已经保存进了临时数组，那么跳过， //否则把当前项push 阅读全文

posted @ 2019-07-24 16:32 zhx119 阅读(328) 评论(0) 推荐(0)

2019年7月18日

Vue elementUi input查询、el-table数据表、el-pagination分页的使用

摘要： <template> <div> <el-input v-model="input" placeholder="请输入关键字"></el-input> <el-table ref="multipleTable" :data="tableData.slice((currentPage-1)*pageS 阅读全文

posted @ 2019-07-18 17:31 zhx119 阅读(3197) 评论(0) 推荐(1)

2019年7月14日

验证码

摘要：金讯教育有一节课讲的是验证码;代码如下： html: <label> <input type="text" /> <span id="yz" style=" background:url(1.png) -10px -15px;width:80px;font-style: italic; height 阅读全文

posted @ 2019-07-14 10:20 zhx119 阅读(274) 评论(0) 推荐(0)

2019年6月30日

vue router 参数获取

摘要： vue router 参数获取通常是通过$route.query和$route.params方法这里将这两种方式通过代码展示出来：路由代码： import Vue from 'vue' import Router from 'vue-router' import Home from './view 阅读全文

posted @ 2019-06-30 17:00 zhx119 阅读(12061) 评论(0) 推荐(1)

2019年6月29日

vue 父子之间的通信方式

摘要：通常父子组件通过自组件获取父组件的props属性，自组件通过发射自定义事件$emit传递给父组件，代码如下： 1.父组件： <template> <div id="app"> <ScrollBall @input ='input' //父组件监听子组件的自定义事件 :value="start1" : 阅读全文

posted @ 2019-06-29 19:23 zhx119 阅读(260) 评论(0) 推荐(0)

2019年6月28日

vue获取dom元素的方式

摘要： vue中一个子组件在父组件中有两个相同的子组件，如何获取子组件的dom元素呢，你可能想到的是使用vue提供的ref，通过$refs获取dom元素但是如果两个子组件采用相同的方法就会获取到相同的元素，在这里可以通过document.getElementById()方法来获取，组件都有一个_uid，阅读全文

posted @ 2019-06-28 16:43 zhx119 阅读(10047) 评论(0) 推荐(0)

vue 过滤器

摘要： vue 有时候要改变date里的数据为大写，一般采用方法，但是方法不能缓存，计算属性要重新设置值，过滤器改变数据展示，但是不该变原始数据过滤器有全局过滤器和局部过滤器代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- 阅读全文

posted @ 2019-06-28 10:15 zhx119 阅读(156) 评论(0) 推荐(0)

2019年6月27日

父组件子组件实现子组件闭合的功能

摘要：父组件子组件实现闭合效果如下：这里点击不同的同学展示隐藏的div，同时没有被点击的同学隐藏div, 这个效果代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte 阅读全文

posted @ 2019-06-27 20:11 zhx119 阅读(218) 评论(0) 推荐(0)

vue $listeners监听父组件的事件

摘要： vue 父组件中的子组件发生事件，子组件可以通过$listeners来监听父组件在子组件发生的事件并且可以传递给父组件参数，代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor 阅读全文

posted @ 2019-06-27 16:58 zhx119 阅读(2641) 评论(0) 推荐(0)