feat(component): 优化 contenteditable组件功能
- 添加 showAction 控制编辑按钮显示 - 实现文本域聚焦和失焦时的编辑按钮显示和隐藏 -优化键盘弹出和收起时的编辑按钮显示逻辑 -修复文档中描述的产品问卷配置- 优化问卷设计页面的题目编辑功能
This commit is contained in:
@@ -7,12 +7,7 @@
|
||||
class="base-select"
|
||||
>
|
||||
<template #left-icon>
|
||||
<div
|
||||
class="van-filed"
|
||||
:contenteditable="active"
|
||||
@blur="saveStem($event, element, 'title')"
|
||||
v-html="element.title"
|
||||
/>
|
||||
{{ index + 1 }}
|
||||
</template>
|
||||
<template #label>
|
||||
<contenteditable v-model="element.stem" :active="active"></contenteditable>
|
||||
@@ -93,6 +88,10 @@ const props = defineProps({
|
||||
active: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
index: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
});
|
||||
|
||||
@@ -100,9 +99,6 @@ const element = ref(props.element);
|
||||
const saveOption = (e, ele) => {
|
||||
ele.option = e.target.innerHTML;
|
||||
};
|
||||
const saveStem = (e, ele, key) => {
|
||||
ele[key] = e.target.innerHTML;
|
||||
};
|
||||
</script>
|
||||
<style scoped lang="scss">
|
||||
.choice-html {
|
||||
|
||||
Reference in New Issue
Block a user