vue父页面获取子组件绑定值

曲小强

于 2023-08-15 16:29:05 发布

阅读量319

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/quhongqiang/article/details/132301771

版权

本文介绍了如何在Vue应用中使用WangEditor富文本编辑器，并展示了如何通过v-model实现图文详情的动态更新。在mounted钩子函数中，延迟1.5秒后模拟数据并触发更新。

摘要由CSDN通过智能技术生成

<el-form-item label="图文详情" prop="imageText">
  <div>
    <el-button type="primary" link>组件</el-button>
    <WangEditor v-model="ruleForm.imageText"></WangEditor>
  </div>
</el-form-item>

<script lang="ts" setup>
	const emit = defineEmits(['update:modelValue']);
	onMounted(() => {
        setTimeout(() => {
            valueHtml.value = "<p>测试数据</p>";
            emit('update:modelValue', valueHtml.value);
        }, 1500);
    });
</script>