fix:Editor 开启、禁用不生效的问题
parent
1b85de732b
commit
94ae3bb48a
|
|
@ -8,6 +8,7 @@ import { ElMessage } from 'element-plus'
|
||||||
import { useLocaleStore } from '@/store/modules/locale'
|
import { useLocaleStore } from '@/store/modules/locale'
|
||||||
import { getRefreshToken, getTenantId } from '@/utils/auth'
|
import { getRefreshToken, getTenantId } from '@/utils/auth'
|
||||||
import { getUploadUrl } from '@/components/UploadFile/src/useUpload'
|
import { getUploadUrl } from '@/components/UploadFile/src/useUpload'
|
||||||
|
import merge from 'lodash-es/merge'
|
||||||
|
|
||||||
defineOptions({ name: 'Editor' })
|
defineOptions({ name: 'Editor' })
|
||||||
|
|
||||||
|
|
@ -60,7 +61,11 @@ watch(
|
||||||
)
|
)
|
||||||
watch(
|
watch(
|
||||||
() => props.readonly,
|
() => props.readonly,
|
||||||
(val) => {
|
async (val) => {
|
||||||
|
// 特殊:等待 editorRef 渲染完成
|
||||||
|
if (!editorRef.value) {
|
||||||
|
await nextTick()
|
||||||
|
}
|
||||||
if (val) {
|
if (val) {
|
||||||
editorRef.value?.disable()
|
editorRef.value?.disable()
|
||||||
} else {
|
} else {
|
||||||
|
|
@ -75,7 +80,7 @@ const handleCreated = (editor: IDomEditor) => {
|
||||||
|
|
||||||
// 编辑器配置
|
// 编辑器配置
|
||||||
const editorConfig = computed((): IEditorConfig => {
|
const editorConfig = computed((): IEditorConfig => {
|
||||||
return Object.assign(
|
return merge(
|
||||||
{
|
{
|
||||||
placeholder: '请输入内容...',
|
placeholder: '请输入内容...',
|
||||||
readOnly: props.readonly,
|
readOnly: props.readonly,
|
||||||
|
|
|
||||||
|
|
@ -3,8 +3,7 @@
|
||||||
<el-form ref="formRef" :model="formData" :rules="rules" label-width="120px" :disabled="isDetail">
|
<el-form ref="formRef" :model="formData" :rules="rules" label-width="120px" :disabled="isDetail">
|
||||||
<!--富文本编辑器组件-->
|
<!--富文本编辑器组件-->
|
||||||
<el-form-item label="商品详情" prop="description">
|
<el-form-item label="商品详情" prop="description">
|
||||||
<Editor v-if="!isDetail" v-model:modelValue="formData.description" />
|
<Editor :readonly="isDetail" v-model:modelValue="formData.description" />
|
||||||
<Editor v-else :modelValue="formData.description" readonly />
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue