feat(components): 为 contenteditable组件添加错误消息显示
- 在 contenteditable.vue 中添加了 errorMessage属性和对应的样式 - 在多个组件中为 contenteditable 添加了 errorMessage 属性 - 优化了部分代码格式,如空格、换行等
This commit is contained in:
@@ -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']);
|
||||
|
||||
Reference in New Issue
Block a user