weex的组件< web>的使用（结合webview模块）

使用场景：在移动端的某一块嵌入一个web网页

目录

1. 设置web组件加载的网址
2. 控制向前、后退、重载
3. 完整代码
4. <web> 事件

基础使用

1.设置加载网址

• 在web标签中设置需要显示的网址（src属性）

  <template>
    <div>
     <div class="main">
        <web class="webview" src="https://vuejs.org">    </web>
      </div> 
    </div>
  </template>
  <script>
  </script>
  <style scoped>
  .main{
        
    display: flex;
    flex-direction: column;
  }
  .webview{
        
  width:720px;
  height:700px;
  }
  </style>
  

  效果如下：
  

2.控制页面向前、后退、重载

借助 webview 模块

引入模块

const webview = weex.requireModule('webview');

API

goBack

返回

goBack(webElement)

参数 webElement , 是 <web> 组件元素，可通过 ref 获取

goForward

前进

goForward(webElement)

参数 webElement , 是 <web> 组件元素，可通过 ref 获取

reload

刷新

reload(webElement)

参数 webElement , 是 <web> 组件元素，可通过 ref 获取

开始使用

1. 设置web标签引用名称

   <web ref=