Component({
options: {
virtualHost: true
},
properties: {
style: { // 定义 style 属性可以拿到 style 属性上设置的值
type: String,
}
},
externalClasses: ['class'], // 可以将 class 设为 externalClasses
})
以上是微信官方文档的例子
下面是我测试用的自定义组件
<template>
<view :class="['x-test2','class']">
</view>
</template>
<style scoped>
.x-test2 {
width: 15px;
height: 15px;
background: #999999;
}
</style>
<script lang="ts">
import {getCurrentInstance, toRaw} from "vue";
export default {
name: "x-test2",
options: {
addGlobalClass:true,
virtualHost: true,
},
externalClasses: ['class'],
props:{
style:{
type:String
}
},
mounted() {
console.log(this.style)
}
}
</script>
0 个回复