正常创建项目后能启动，当创建组件后，只引入还未使用就报错
group-button.vue 代码如下 <template> <view class="switch-bg solid"> <view class="item" v-for="(item,index) in list" :key="item.value" :class="indexVal==index?'bg-orange':''" @tap="change" data-index="index"> {{item.text}}</view>
</view>
</template>
<script>
export default {
data() {
return {
indexVal:0,
searchParams:'sss'
};
},
name: 'group-button',
computed: {
},
props: {
size: {
type: String,
default: ''
},
list: {
type: Array,
default(){
return [];
}
}
},
methods: {
change(e) {
this.indexVal = e.target.dataset.index;
let item = this.list[this.indexVal];
this.$emit('change',item);
}
} }
</script>
<style>
.switch-bg{
border-radius: 5000upx;
height: 60upx;
width: auto;
display: inline-block;
line-height: 60upx;
}
.switch-bg .item{
border-radius: 5000upx;
display: inline-block;
line-height: 60upx;
padding: 0 25upx;
}
</style>
