There is an el-tabs that dynamically generates panel in elementui's el-form. How to write the code?

      <el-form size="small" class="CloudSetting">
        <el-tabs type="border-card" class="table-switch">
          <el-tab-pane v-for"mon in monitorList" :name="mon.name" :label="mon.name" >
            <el-form-item label="" :label-width="formLabelWidth">
              <div class="right">
                <el-select v-model="mon.rotation" placeholder="">
                  <el-option v-for="item in rotateList" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
                </el-select>
              </div>
            </el-form-item>
          </el-tab-pane>
        </el-tabs>
      </el-form>

now an error is reported that the mon in vMube model = "mon.rotation" is not defined

May.07,2022
The value of

v-model cannot be used in this way. You have to define your own data and use $set to dynamically change the value. The = sign in the sentence


< el-tab-pane VMI for = "mon in monitorList": name= "mon.name": label= "mon.name" >
is not in Chinese format.
there is no problem here https://jsfiddle.net/edx6gyp5/1/

Menu