app-box.vue 1.82 KB
<template>
    <button class="button" @click='yoho.goTap({"index":2})'>TAP</button>
    <button class="button" @click="yoho.goLogin()">登录</button>
    <button class="button" @click="yoho.goLogout()">退出登录</button>
    <button class="button" @click='yoho.goShopingKey({"shoppingkey":"123456789"})'>设置ShopingKey</button>
    <button class="button" @click="yoho.goShopingCart()">跳转购物车</button>
    <button class="button" @click='yoho.goAddress({"type":"1"})'>地址选择页面</button>
    <button class="button" @click='yoho.goAddress({"type":"2"})'>地址管理页面</button>
    <button class="button" @click='yoho.goImageBrowser({"images":["http://7xwj52.com1.z0.glb.clouddn.com/brandbg.jpg"], "index": "1"})'>图片浏览</button>
    <button class="button" @click='yoho.goNewPage({"url":"http://m.yohoblk.com"})'>新页面</button>
    <button class="button" @click="yoho.goPay()">支付</button>
    <button class="button" @click="yoho.goBack()">返回</button>
    <button class="button" @click='yoho.goShare({"title":"标题","des":"描述","img":"http://7xwj52.com1.z0.glb.clouddn.com/brandbg.jpg","url":"http://m.yohoblk.com"})'>分享</button>
    <button class="button" @click='yoho.goSearch()'>搜索</button>
    <button class="button" @click='yoho.goSetting()'>设置</button>
</template>
<style>
    button {
        width: 30%;
        height: 60px;
        margin: 1%;
    }
</style>
<script>
    const yoho = require('yoho');

    module.exports = {
        data() {
            return {
                yoho
            };
        },
        created() {
            yoho.addNativeMethod('headerRightTopBtn', function(data) {
                alert('app 调用 H5 成功!');
                if (data) {
                    alert('传递的信息是:' + data);
                }
            });
        }
    };
</script>