<template>
<view class="content">
<uni-segmented-control :current="current" :values="items" @clickItem="onClickItem" styleType="text"
activeColor="#4cd964"></uni-segmented-control>
<view class="content">
<view v-for="(tab,idx) in items" :key="idx">
<component :is="getComponentName(tab)" />
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
items: ['组件A', '组件B', '组件C'],
current: 0
}
},
onLoad() {
},
methods: {
onClickItem(e) {
if (this.current != e.currentIndex) {
this.current = e.currentIndex;
}
},
//获取自定义组件
getComponentName(tab) {
switch (tab) {
case '组件A':
return 'test-a'
case '组件B':
return 'test-b'
case '组件C':
return 'test-c'
default:
return 'test-empty' // 如果找不到对应的组件，则使用默认组件
}
}
}
}
</script>
<style>
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
{
"easycom": {
"autoscan": true,
"custom": {
"^test-(.*)": "@/components/test/test-$1/index.nvue"
}
}
}
大明子 (作者)
请查看我的demo, easycom加载成功后， 不能在component 使用。这个是问题所在。
2023-04-24 10:08