使用v-bind指令将布尔属性绑定到元素上。以下是一个简单的实例:
<template><view class="container"><text v-bind:is="isActive">{{ message }}</text><button @click="toggleActive">切换激活状态</button></view>
</template><script>
import { ref } from 'vue';export default {setup() {const isActive = ref(false);const message = ref('Hello, uniapp!');function toggleActive() {isActive.value = !isActive.value;}return {isActive,message,toggleActive,};},
};
</script><style scoped>
.container {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;
}
</style>
在这个例子中,我们使用v-bind:is指令将isActive的值绑定到一个名为is的属性上。当isActive为true时,