文档章节

MUI学习笔记(4)–自定义事件,跨webview事件监听,跨页面刷新

mickelfeng
 mickelfeng
发布于 2017/01/22 23:05
字数 232
阅读 688
收藏 0

MUI可以监听自定义事件

1.注册监听自定义事件

 

1

2

3

4

5

6

7

8

window.addEventListener('newsId',function(event){

  //获得事件参数

  var id = event.detail.id;

});

/*注释:newId为注册的时间名称,就像click事件一样.

    可以通过detail来访问触发事件的时候的传值(下一步会说到)

执行的时间逻辑可以是任何事件,比如刷新。 */

 

 

2.触发自定义事件。

 

1

2

3

4

5

6

7

8

9

10

11

12

13

14

mui.fire(target , event , data )</code>,

要触发其他页面的自定义监听事件必须要先进行页面的预加载:

mui.init({

preloadPages:[{

   id:'detail.html',

   url:'detail.html'

  }]

});

获取要触发的页面

detailPage = plus.webview.getWebviewById('detail.html');

触发详情页面的newsId事件

mui.fire(detailPage,'newsId',{

id:id

});

newsId为第一步定义的事件名称,Id为传的值,值可以自定义。

本文转载自:http://www.fddcn.cn/mui-zidingyi-shijian.html

mickelfeng

mickelfeng

粉丝 237
博文 2801
码字总数 604377
作品 0
成都
高级程序员
私信 提问
MUI在Android与IOS上的一些小问题以及一些框架的用法

我费话少说,上正文; 区域滚动与下拉刷新、上拉加载在安卓上有冲突,一但调用了区域滚动也就是: 那么区域滚动在安卓上将无法滑动,iOS则没有影响。 并且就算iOS没有初始化区域滚动也没有影...

教父君
2018/11/07
0
0
mui混合开发(二)

简述:混合App的流畅性不比原生的App,当网络不好的时候出现空白页面体验很不好,mui文档给出了两个解决方案,方案一很简单,方案二是预加载模式下一章节配合mui自定义事件详细讲解 一:打开...

全村的希望iOS
2018/01/10
0
0
2017.12.5-学习笔记:前端零碎知识点整理复习

前言:最近写了一个后台管理系统的页面和一个移动端商城的页面,后台用了bootstrap框架,移动端用了mui框架。这里整理一下零零碎碎的知识点,或许就有你需要的。 pc端 1.bootstrap 中容器 co...

演员小新
2017/12/05
0
0
Vue项目快速输出到小程序、H5

跨端彻底,直接发行,无需二次开发; 通过Tree-Shaking摇出最小化内置组件等优化策略,提升性能 这应该是uni-app在H5平台的相对其他小程序框架更友好的地方 背景 随着微信小程序的火爆及百度...

CHB
2018/12/22
0
0
mui初级入门教程(三)— html5+ XMLHttpRequest 与mui ajax用法详解

基础铺垫 Javascript XMLHttpRequest网络请求 > XMLHttpRequest 是一个 JavaScript 对象,它最初由微软设计,随后被 Mozilla、Apple 和 Google采纳. 如今,该对象已经被 W3C组织标准化. 通过它...

zyt_1978
2016/06/19
250
0

没有更多内容

加载失败,请刷新页面

加载更多

JS 打印控制

JS 打印控制 var PrintStartString = "<!--打印开始标示符-->";//设置打印开始区域var PrintEndString = "<!--打印结束标示符-->";//设置打印结束区域var HtmlText = window.do......

DrChenXX
14分钟前
5
0
LevelDB:使用介绍

LevelDB 提供的接口其实很简单,下面举例进行简单说明。 安装 git clone https://github.com/google/leveldb cd leveldb mkdir -p build && cd build cmake -DCMAKE_BUILD_TYPE=Release .. ......

slagga
19分钟前
5
0
《JavaScript正则表达式迷你书》读书笔记

正则基础 常见简写形式 字符组 具体含义 记忆方式 \d 表示 [0-9]。表示是一位数字。 其英文是 digit(数字) \D 表示 [^0-9]。表示除数字外的任意字符。 \w 表示 [0-9a-zA-Z_]。表示数字、大小...

muzi131313
24分钟前
4
0
Git的反悔操作

概述 这次主要来讲讲Git的反悔操作,自己平时在写代码的过程中经常会出现想要弃用所有的改动或回滚到上一次commit的情况。Git上的反悔操作有reset、rebase、revert等,每个操作各有区别和对应...

duduYZ
25分钟前
2
0
实现双向绑定Proxy比defineproperty优劣如何?

前言 双向绑定其实已经是一个老掉牙的问题了,只要涉及到MVVM框架就不得不谈的知识点,但它毕竟是Vue的三要素之一. Vue三要素 响应式: 例如如何监听数据变化,其中的实现方法就是我们提到的双向...

寻找海蓝
37分钟前
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部