舜岳的博客

啦啦啦

自定义博客皮肤

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

第3课 微信开发者工具picker标签实现动态时间选择器与地区选择器:

微信小程序picker标签实现动态时间选择器与地区选择器: 运行效果如下: wxml代码如下: <picker mode="date" bindchange="changeDate">{{date}}</picke...

2019-04-27 21:10:12

阅读数 176

评论数 0

第2课 微信开发者工具使用slider进度条标签编写rgb颜色选择功能:

微信小程序编写rgb颜色选择功能: 效果图如下: 以下是wxml文件代码: <view class='box' style="background-color:rgb({{r}},{{g}},{{b}});width:100px;height:100px"&am...

2019-04-27 20:55:02

阅读数 426

评论数 0

零基础学习Vue: 第39课 vue-router的导航守卫函数执行顺序:

零基础学习Vue: 第39课 vue-router的导航守卫函数执行顺序: 全局前置守卫:beforeEach 路由独享函数:beforeEnter 组件独享函数 :beforeRouteEnter 全局解析守卫 :beforeResolve 全局后置守卫 :afterEach &lt...

2019-04-27 16:22:35

阅读数 55

评论数 0

零基础学习Vue: 第38课 Vue单页面使用router-link实现页面跳转小案例:

零基础学习Vue: 第38课 Vue单页面使用router-link实现页面跳转小案例: 实现效果如下: 以下是所有代码: <!DOCTYPE html> <html lang="en"> <head&am...

2019-04-27 13:01:01

阅读数 94

评论数 0

零基础学习Vue: 第37课 Vue动态组件切换获取数据渲染页面方法:

零基础学习Vue: 第37课 Vue动态主件切换获取数据渲染页面方法: 解决方法一: 设置watch监听事件,监听params传递数据的变化从而触发监听函数 获取数据 watch:{ $route(){ //假装在里面请求页面数据 alert('成功打开'+thi...

2019-04-27 09:47:58

阅读数 80

评论数 0

零基础学习Vue: 第36课 query与params传值的区别:

query:url后面会显示传递值的内容 params: url后面会不会显示传值内容 <!DOCTYPE html> <html lang="en"> <head> <...

2019-04-26 15:31:28

阅读数 43

评论数 0

零基础学习Vue: 第35课 query与params的用法:

零基础学习Vue: 第18课 query与params的区别: params只能使用name引入路由: query用name与name都能引入路由: <!DOCTYPE html> <html lang="en"> &...

2019-04-26 14:50:28

阅读数 37

评论数 0

零基础学习Vue: 第34课 使用Vue的路由vue-router:

零基础学习Vue: 第34课 Vue的路由: router-link 组件的属性: to 指定跳转的地址 tag 改变组件在页面中的标签样式 <!DOCTYPE html> <html lang="en"> &am...

2019-04-26 14:06:23

阅读数 33

评论数 0

零基础学习Vue: 第33课 Vue组件间的跳转切换与缓存:

零基础学习Vue: 第33课 Vue组件间的跳转切换与缓存: keep-alive: 可以保证内部的组件不被销毁 component: 动态组件 is属性必填 <!DOCTYPE html> <html lang="en"&a...

2019-04-26 13:37:06

阅读数 154

评论数 0

零基础学习Vue: 第32课 Vue全局组件的定义方法:

零基础学习Vue: 第32课 Vue全局组件的定义方法: 定义全局组件: Vue.component('aaa',{ //aaa主件名 template:'<div>首页aaa</div>' //主件标签样式 }); &lt...

2019-04-26 13:14:01

阅读数 39

评论数 0

零基础学习Vue: 第31课 Vue子组件实现学生管理系统小案例:

效果图如下: 以下是实现代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&a...

2019-04-24 17:33:47

阅读数 70

评论数 0

零基础学习Vue: 第30课 Vue子组件实现动态文章列表小案例:

实现后的效果图: 实现代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&q...

2019-04-24 15:45:20

阅读数 33

评论数 0

零基础学习Vue: 第29课 Vue子组件间的数据传递方法:

在此之前先了解以下: $on(eventName) 监听事件 $emit(eventName) 触发事件 如果把Vue看成一个家庭(相当于一个单独的components),女主人一直在家里指派($ emit)男人做事,而男人则一直监听($ on)着女士的指派($ emit)里eventName所...

2019-04-24 13:44:33

阅读数 27

评论数 0

零基础学习Vue: 第28课 Vue子组件实现弹窗广告效果小案例:

零基础学习Vue: 第28课 Vue实现弹窗广告效果小案例: 原理: 通过子组件的$emit向父组件发射事件触发父主件内的函数方法使得父主件属性动态改变,再通过v-if实现显示 隐藏 / 弹窗 效果! <!DOCTYPE html> <html lang=...

2019-04-24 11:33:34

阅读数 150

评论数 0

零基础学习Vue: 第27课 Vue子组件插槽引入与插入方法与获取方法$slots

零基础学习Vue: 第27课 Vue子组件插槽引入与插入方法与获取方法$slots 以下是代码演示: <!DOCTYPE html> <html lang="en"> <head> &a...

2019-04-24 10:29:09

阅读数 327

评论数 0

零基础学习Vue: 第26课 Vue作用域插槽子组件向父主件传递数据:

零基础学习Vue: 第26课 Vue作用域插槽子组件向父主件传递数据: 子组件传递数据: <!-- 子组件设置slot插槽 (:aaa="arr":将子组件的arr数据传递给父主件,设置传递的属性名:aaa) --> <slot :aa...

2019-04-24 09:44:07

阅读数 63

评论数 0

零基础学习Vue: 第25课 Vue如何获取子组件属性:

零基础学习Vue: 第25课 获取属性Vue属性对象获取方法: 通过dom更新完成后的异步回调来实现精确获取子组件属性: this.$nextTick(()=>{ }) //等dom更新完成后执行内部的回调函数 下面是实验代码: <!DOCTYPE html&am...

2019-04-23 19:28:35

阅读数 76

评论数 0

零基础学习Vue: 第24课 Vue中标签元素节点的获取$refs方法:

零基础学习Vue: 第24课 Vue中标签元素节点的获取$refs方法: ref=“定义标签获取名” this.$refs.标签名 //获取对应的标签元素 this.$refs //获取所有定义好的标签 首先我们使用代码来简单的获取一个标签:...

2019-04-23 18:00:56

阅读数 169

评论数 0

零基础学习Vue: 第23课 Vue子组件slot插槽让子组件自定义样式:

零基础学习Vue: 第23课 Vue子组件slot插槽让子组件自定义样式: slot插槽的作用: slot 可以让组件更加灵活 slot插槽 默认是没有名字的 可以给slot加上name属性 slot也可以设置默认值 一个槽可以被插入多个内容 ,多个内容可以全都放在template中,...

2019-04-21 10:31:18

阅读数 280

评论数 0

零基础学习Vue: 第22课 Vue子组件触发父主件方法并传递参数:子组件$emit发射事件

零基础学习Vue: 第22课 Vue子组件触发父主件方法并传递参数:子组件$emit发射事件 实现代码如下: <!DOCTYPE html> <html lang="en"> <head> ...

2019-04-21 09:55:44

阅读数 178

评论数 0

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