vue3 elmentui 根据div的id 渲染div内数值

你可以使用 Vue3 的 Composition API 和 ElementUI 的组件来实现根据 div 的 id 渲染 div 内数值的功能。具体实现步骤如下：

1. 在 Vue3 中定义一个 Setup 函数，并在其中引入 ElementUI 的组件和相关库：

import { ref } from 'vue';
import { ElInput } from 'element-plus';

2. 在 Setup 函数中使用 ref 创建一个变量，用于存储 div 内的数值：

const inputValue = ref('');

3. 使用 onMounted 钩子函数，在页面加载时获取 div 内的数值，并将其存储到 inputValue 中：

import { onMounted } from 'vue';

onMounted(() => {
  const div = document.getElementById('your_div_id');
  inputValue.value = div.innerHTML;
});

4. 在模板中使用 ElInput 组件，并将 inputValue 作为 v-model 绑定到组件上：

<template>
  <el-input v-model="inputValue"></el-input>
</template>

这样就可以实现根据 div 的 id 渲染 div 内数值的功能了。需要注意的是，在使用 ElementUI 的组件时，需要在 Vue3 中使用 Composition API 的方式进行引入和使用。