方式一:

在这里插入图片描述
在这里插入图片描述
实验证明,在根目录下新建custom-tab-bar目录,在目录中新建index.vue是行不通的,vue文件不会被编译

方式二:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
将小程序四大法宝(wxss,json,wxml,js)直接搬过来,虽然tabbar有渲染在小程序上了,但是切换是没有效果的,所以还是行不通

方式三(行得通)

在这里插入图片描述
经过上面的两个尝试,还是乖乖的以vue的做法吧,用单页面的形式,通过v-show控制组件的隐藏和显示
注意:v-show有时没有效果,因为v-show是通过display:none来控制的,它的权重没有display:flex高,所以可以用display:none !important;来控制显示和隐藏

Logo

前往低代码交流专区

更多推荐