摘要: 本文转载自:https://www.cnblogs.com/lfhy/p/6802781.html 以下为原文内容: 有时前端的项目中需要添加打印的功能,首先要知道打印分为整体打印和局部打印两种,而局部打印又可细分为局部打印指定的部分,和局部打印指定部分之外的部分。实例比文字看起来更清晰,下面我将用 阅读全文
posted @ 2018-07-12 10:19 Sky_Ice 阅读(2028) 评论(0) 推荐(0) 编辑
摘要: 上一篇文章我们已经配置好了路由,下面,来说说如何实现动态路由。 比如,我想在 news 页点击列表项,跳转到对应项,如图所示: 这里引用的数据是豆瓣电影,地址: eg:当我点击第一项时,跳转地址为 : http://localhost:8080/#/content/26752088 第二项时,跳转地 阅读全文
posted @ 2018-07-11 11:08 Sky_Ice 阅读(702) 评论(0) 推荐(0) 编辑
摘要: 前提: 项目由 vue-cli 脚手架创建。 首先,先下载 vue-router 安装完成后,运行项目 打开 main.js , 引入并使用 vue-router 引入创建好的组件 配置路由: ({path: '*', redirect: '/home'} // 此项表示,默认加载) 实例化 Vue 阅读全文
posted @ 2018-07-11 10:42 Sky_Ice 阅读(385) 评论(0) 推荐(0) 编辑
摘要: 子父组件通信: 创建一个父组件 Home , 创建一个子组件 Head Home 组件: Head 组件: Home 组件: 控制台打印数据: 子组件 通过 $emit 触发传递自定义事件,及数据,在父组件中子组件标签上 @自定义事件,调用父组件定义事件,这样,就实现了子父组件之间的通信 阅读全文
posted @ 2018-07-10 16:42 Sky_Ice 阅读(592) 评论(1) 推荐(0) 编辑
摘要: ref 可以用来获取到dom节点,如果在组件中应用,也可以用来获取子组件的数据和方法。 比如,我定义了一个home组件,一个head组件,home组件中引用head组件。 此时,home组件是head组件的父级,我想在home(父组件)组件中,获取head(子组件)组件中定义的数据和方法 这样,就可 阅读全文
posted @ 2018-07-10 15:04 Sky_Ice 阅读(1412) 评论(0) 推荐(0) 编辑
摘要: 本文仅用作简单记录 ref : 在标签上添加 ref = “name” ,表示获取当前元素节点 获取 获取事件对象 , 方法参数传递 $event 获取 打印结果: 也可以获取执行事件的节点 比如,我想给 button 按钮 添加背景颜色 也可以通过事件对象获取自定义属性: 比如,button 按钮 阅读全文
posted @ 2018-07-09 11:47 Sky_Ice 阅读(13483) 评论(0) 推荐(1) 编辑
摘要: 什么顺序不顺序的。。 先来说说非父子组件通信。 首先,我们先来了解下vue中的 1.$emit 触发当前实例上的事件,附加参数都会传给监听器回调。 2.$on 监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。 基础知识准备好了,下面,我们就来 阅读全文
posted @ 2018-07-05 16:14 Sky_Ice 阅读(3885) 评论(0) 推荐(1) 编辑
摘要: 准备工作: 首先,新建一个项目,如果这里有不会的同学,可以参考我转载过的文章 http://www.cnblogs.com/Sky-Ice/p/8875958.html vue 脚手架安装及新建项目。 项目建好了,下面,我们进入项目目录,并安装依赖的模块,稍等 几分钟。。 _____________ 阅读全文
posted @ 2018-07-05 11:47 Sky_Ice 阅读(743) 评论(0) 推荐(0) 编辑
摘要: localStorage使用总结 本文转载自:https://www.cnblogs.com/st-leslie/p/5617130.html(点击标题可跳转至原文) 一、什么是localStorage、sessionStorage 在HTML5中,新加入了一个localStorage特性,这个特性 阅读全文
posted @ 2018-07-03 13:54 Sky_Ice 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 实现复选框全选,反选及获取选中的值; 代码如下: 效果图: 获取到的值: 阅读全文
posted @ 2018-06-11 10:43 Sky_Ice 阅读(283) 评论(0) 推荐(0) 编辑