云迈博客

您现在的位置是:首页 > 前端技术 > Vue > 正文

Vue

第一次开发app事项和滚动条指定位置

彭静2021-12-31Vue392
先生成包名配置教程有注意事项:1.如果有地图需要在manifest.json配置文件中勾选,去申请对应的key,否则的话在hbuild自定义基座调试下可以获取定位,打包后无法获取定位申请ke

先生成包名配置 教程有
注意事项:
1.如果有地图需要在manifest.json配置文件中勾选,去申请对应的key,否则的话在hbuild自定义基座调试下可以获取定位,打包后无法获取定位
申请key需要的资料:安全码和包名:安全码就是生成包名配置的证书指纹下的SHA1,ios只需要Bundle ID(就是包名)
2.消息推送:需要上架后才能测试,提前申请各个厂商的账号信息
3.邀请好友:要准备一套h5的页面,把后台生成二维码挂到这个链接上,等用户注册成功后跳转到下载app链接
4.app链接下载需要将app上传到分发平台上或者上架

vue 商品详情tab标签点击滚动到指定位置

注意:因为tab标签需要固定在顶部不动,到指定位置时会挡住下面的一部分,需要将下面的内容使用内边距(padding-top)把高度撑开

需要动态设置padding-top(当前点击的tab标签才设置),否则默认会空出一片空白

mounted() {
    //监听滚动条位置
    window.addEventListener('scroll', this.handleScroll);
},
// 滚动位置
        handleScroll() {
            let scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; // 滚动条偏移量
            let offsetTop = document.querySelector('#tabTitle').offsetTop; // 要滚动到顶部吸附的元素的偏移量
            this.isFixed = scrollTop > 650 ? true : false; // 如果滚动到顶部了,this.isFixed就为true
        },
        //点击tab标签滑动到指定位置
        toMaodian(index) {
            this.paramActive = index;
            const returnEle = document.querySelector('#index' + index); //productId是将要跳转区域的id
            console.log(returnEle)
            if (!!returnEle) {
                 returnEle.scrollIntoView(true); // true 是默认的
             }
            document.querySelector('counter1').scrollIntoView(true); //这里的counter1是将要返回地方的id

            //这种方式也能实现
            //var auchor = this.$el.querySelector('#index' + index);
            //document.body.scrollTop = 2445
            //document.querySelector('#index' + index).scrollIntoView(true);

        }

后台返回的数据无法用.操作符获取数据,直接获取key值

// 获取属性值
getDetailKey(key, index) {
    console.log(index);
    return Object.keys(key)[index];
},

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~