Vue element radio box group

html
<el-row v-for="menu in formInline6" :key="menu.key" :gutter="20" >
      <el-col :span="4" class="in-left" style="padding-left:0;">
           <label for="radio" class="line-height1">{{menu.titleName}}</label>
      </el-col>
      <el-col :span="18" class="in-left">
          <el-radio-group id="radio" v-model="menu.radio">
              <el-radio  v-for="item in menu.children" :key="item.label" :label="item.val" border>{{item.describe}}</el-radio>
          </el-radio-group>
      </el-col>
</el-row>
js
data(){
    retrun:{
        radio1:5,
        radio2:5,
        radio3:5,
        formInline6:[
          {radio:this.radio1,titleName:"1.",key:1,children:[
            {label:1,val:0,describe:""},
            {label:2,val:5,describe:""},
            {label:3,val:10,describe:""},
          ]},
          {radio:this.radio2,titleName:"2.-",key:2,children:[
            {label:1,val:0,describe:""},
            {label:2,val:5,describe:""},
            {label:3,val:10,describe:""},
            {label:4,val:15,describe:""},
          ]},
          {radio:this.radio3,titleName:"3.",key:3,children:[
            {label:1,val:0,describe:""},
            {label:2,val:5,describe:""},
          ]},
        ],
    }
}

Element-ui vue.js VMI-model-pass-value-data--custom-variable

Mar.02,2021

look at the error prompt should not be the problem of this code. In elform, the model value is expected to be an object, but yours is an array

you see where the bound value is "model", and see that the error prompt is not in this code

generally you can find the error in the error prompt. Do you want to try to solve this problem by yourself? Can you improve your level and work efficiency by asking questions directly?

Previous: VScode terminal cannot enter

Next: Angular Rich text Editor Quill reported an error