feat(components): 为 contenteditable组件添加错误消息显示

- 在 contenteditable.vue 中添加了 errorMessage属性和对应的样式
- 在多个组件中为 contenteditable 添加了 errorMessage 属性
- 优化了部分代码格式,如空格、换行等
This commit is contained in:
陈昱达
2025-03-20 18:28:39 +08:00
parent 289b865c51
commit bfa163925e
9 changed files with 109 additions and 50 deletions

View File

@@ -15,6 +15,7 @@
v-model="element.stem"
:active="active"
@blur="emitValue"
:errorMessage="errorMessage"
></contenteditable>
</template>
</van-field>
@@ -22,7 +23,7 @@
</template>
<script setup>
import contenteditable from '@/components/contenteditable.vue';
import { toRefs } from 'vue';
import { defineModel, toRefs } from 'vue';
const props = defineProps({
element: {
type: Object,
@@ -41,7 +42,10 @@ const props = defineProps({
default: 0
}
});
const errorMessage = defineModel('errorMessage', {
type: String,
default: ''
});
const { element } = toRefs(props);
const emit = defineEmits(['update:element']);