可以使用v-bind指令將多個屬性動態綁定到元素上。以下是一個簡單的實例：

<template><view class="container"><text v-bind="dynamicProps">{{ 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!');const dynamicProps = computed(() => ({class: isActive.value ? 'active' : '','aria-label': message.value,}));function toggleActive() {isActive.value = !isActive.value;}return {isActive,message,dynamicProps,toggleActive,};},
};
</script><style scoped>
.container {display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;
}.active {color: red;
}
</style>

在這個例子中，我們使用computed函數創建了一個名為dynamicProps的計算屬性，它根據isActive和message的值動態生成一個包含多個屬性的對象。然后，我們使用v-bind指令將這些動態屬性綁定到 元素上。

訂閱專欄，每日更新

第8節：Vue3 全局訪問