实例:
<template> <div> <button v-bind:disabled="isButtonDisabled">点击我</button> </div> </template> <script> import { ref } from 'vue'; export default { setup() { const isButtonDisabled = ref(false); return { isButtonDisabled, }; }, }; </script>
在这个例子中,我们使用 v-bind:disabled 将 isButtonDisabled 的值绑定到按钮的 disabled 属性上。当 isButtonDisabled 为 true 时,按钮将被禁用;当 isButtonDisabled 为 false 时,按钮将被启用。