面试经历过程，Taro踩坑记录(VUE多端同构)，2024年最新腾讯前端面经

由于h5页面不支持web-view组件，直接使用网址跳转

toDetail(item) {

if(process.env.TARO_ENV === “h5”){

window.location.href = item.essayUrl

return

}

const url = encodeURIComponent(item.essayUrl);

Taro.navigateTo({

url: /pages/web-view/index?url=${url}

});

}

自定义tabbar

---

1. app.config.js 配置

tabBar: {

custom: true,

/* … */

}

2. tabbar页面记得引入自定义的tabbar组件

import customTabBar from “@/components/custom-tab-bar/index.vue”

export default {

components: { customTabBar },

onShow() {

this.$refs.tabBar.selected = 0

this.msgUnread = getGlobalData(“msgUnread”);

},

}

3. 自定义tabbar组件

<cover-view

v-for&#