VUE单选框与表单自定义

<template>    
            <el-table-column
              v-else-if="item.prop === 'type'"
              :prop="item.prop"
              :label="item.label"
              :key="index">
              <template slot-scope="scope">
                <span v-if="scope.row.type == 0">type1</span>
                <span v-if="scope.row.type == 1">type2</span>
                <span v-if="scope.row.type == 2">type3</span>
                <span v-if="scope.row.type == 3">type4</span>
              </template>
            </el-table-column>

    <el-form-item label="type类型" prop="type">
          <el-radio-group v-model="formData.type">
            <el-radio :label="0">type1</el-radio>
            <el-radio :label="1">type2</el-radio>
            <el-radio :label="2">type3</el-radio>
            <el-radio :label="3">type4</el-radio>
          </el-radio-group>
        </el-form-item>
</template>
<script>
      columnList: [
        {prop: 'name', label: 'type名称'},
        {prop: 'type', label: 'type类型', slot: true},
        {prop: 'charger', label: ''},
        {prop: 'tel', label: '电话'},
        {prop: 'address', label: '地址'},
        {prop: 'set', label: '操作', slot: true}
      ]
</script>  

注意columnList里面的参数slot slot为true的时候el-table才支持表单自定义

最后

以上就是缓慢月饼为你收集整理的VUE单选框与表单自定义的全部内容，希望文章能够帮你解决VUE单选框与表单自定义所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。