美文网首页
iview使用过程

iview使用过程

作者: 懒羊羊3号 | 来源:发表于2018-07-20 10:17 被阅读0次

1、iview的Table里面用iview的组件
prop想用的数据,style前面驼峰后面引号,on-change加单引号

render: (h, params) => {
                            return h('div', [
                                h('Checkbox', {
                                    props: {
                                       value:params.row.canDelete,
                                    },
                                    style: {
                                        marginRight: '5px'
                                    },
                                    on: {
                                        'on-change': (data) => {
                                            value:params.row.canDelete = data
                                        }
                                    }
                                }, '可删除'),
}

2、Modal组件常用方法
slot footer,自定义右下角按钮,mask-closable false后面变灰无法点击,closable不要右上角的X,transition-names动画

    <Modal
        v-model="modal1"
        title="标题"
        :mask-closable="false"
        :closable="false"
        transition-name="['fade','fade']">
        <div slot="footer"><Button>关闭</Button></div>
    </Modal>

3、Tab组件关闭动画

:animated = "false"

相关文章

网友评论

      本文标题:iview使用过程

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