我問了 ChatGPT 以下這件事
<v-switch v-model="item.IsActive" true-value="true" false-value="false" @click="switchItem(item)"></v-switch>
當符合 item.UserID != userInfo.UserID 條件時禁用 v-switch
ChatGPT 回答如下
您可以使用 Vue 的 v-bind 指令來動態綁定 v-switch 組件的 disabled 屬性,以禁用該組件。因此,您可以添加一個條件語句以檢查 item.UserID 是否等於 userInfo.UserID,如果它們不相等,則設置 disabled 屬性為 true。這是一個可能的實現方式:
<v-switch
v-model="item.IsActive"
true-value="true"
false-value="false"
@click="switchItem(item)"
:disabled="item.UserID !== userInfo.UserID"
></v-switch>
在這個例子中,:disabled 屬性綁定到了一個 JavaScript 表達式 item.UserID !== userInfo.UserID。如果這個表達式的值為 true,則 v-switch 組件會被禁用。