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

原创于 2023-08-15 16:29:05 发布 · 369 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

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

<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>