如何动态创建el-select

Question

问题遇到的现象和发生背景

如何动态创建el-select 且动态绑定值

用代码块功能插入代码，请勿粘贴截图

let newRow = document.createElement("p");
newRow.style = 'width:100%;height:30px'
        if (this.count < 5) {
          newRow.innerHTML = `
          <el-select v-model="value_ywj" placeholder="请选择">`+ `
            <el-option v-for="item in options1" :key="item.value" :label="item.label" :value="item.value">`+ `
            </el-option>`+ `
          </el-select>`+ `
          <el-input v-model="value2" clearable> </el-input>`+`
          <span style="color:blue;cursor: pointer;">删除</span>
        `
          this.$refs.ywjEvents.insertBefore(newRow, this.$refs.addBtn);

运行结果及报错内容

el-select 和 el-input 无法显示

我的解答思路和尝试过的方法

我想实现动态创建一个p标签，里面包括下拉菜单和input框，且要动态绑定值，对他进行操作，但是创建出的p标签 里下拉菜单和input无法显示

我想要达到的结果

显示 下拉菜单和input框，且要动态绑定值

Answer 1

vue 里 就可以 用 v-for实现 。 不用字符串拼接