美文网首页
新版本elementui switch与表格结合

新版本elementui switch与表格结合

作者: 脸红卿春琦 | 来源:发表于2018-05-29 16:46 被阅读0次

    最近一个项目需要 表格与seitch开关相结合 差了很多资料都是
    v-model="scope.row.on"
    on-value="1"
    off-value="0"
    这种用法,然后我实际并没有生效 应该是版本的问题吧,后来吧 1 0 改成了ture false 这次是好使的。但是控制台报了一大堆的警告。翻译一下 是on-value 已经改成了active-value 改了之后 没问题了 。完整代码:
    <template slot-scope="scope">
    <el-switch
    v-model="scope.row.status"
    :active-value= true
    :inactive-value= false
    disabled
    >
    </el-switch>
    </template>

    数据:
    {"用户名称":"Role1","用户邮箱":"chenji@sina.cn","联系方式":"15011119087","创建人":"admin","创建时间":"2018-01-23 11:33:30","status":true},
    {"用户名称":"Role1","用户邮箱":"chenji@sina.cn","联系方式":"15011119087","创建人":"admin","创建时间":"2018-01-23 11:33:30","status":false},
    {"用户名称":"Role1","用户邮箱":"chenji@sina.cn","联系方式":"15011119087","创建人":"admin","创建时间":"2018-01-23 11:33:30","status":true},
    {"用户名称":"Role1","用户邮箱":"chenji@sina.cn","联系方式":"15011119087","创建人":"admin","创建时间":"2018-01-23 11:33:30","status":false},
    {"用户名称":"Role1","用户邮箱":"chenji@sina.cn","联系方式":"15011119087","创建人":"admin","创建时间":"2018-01-23 11:33:30","status":false},
    {"用户名称":"Role1","用户邮箱":"chenji@sina.cn","联系方式":"15011119087","创建人":"admin","创建时间":"2018-01-23 11:33:30","status":true},
    {"用户名称":"Role1","用户邮箱":"chenji@sina.cn","联系方式":"15011119087","创建人":"admin","创建时间":"2018-01-23 11:33:30","status":false},

    相关文章

      网友评论

          本文标题:新版本elementui switch与表格结合

          本文链接:https://www.haomeiwen.com/subject/gtyajftx.html