如何根据 v-select Vue 库中的错误状态使用条件类自定义输入元素

Answer 1

1. 确保

   errors

   具有反应性。例如将其包裹在

   reactive

   :

<script setup>
import { reactive } from 'vue'
const reactiveErrors = reactive(errors)
</script>

2. 使用

   errors.has('addAddressForm.city')

   创建一个计算函数：

<script setup>
import { computed } from 'vue'
const errorClass = computed(() => reactiveErrors.has('addAddressForm.city'))
</script>

3. 在您的出价类中调用此计算函数：

<template>
<input
  :class="{ 'has-error': errorClass }"
  />
</template>