美文网首页
iview如何弹同一个窗,但是弹窗界面标题不一样

iview如何弹同一个窗,但是弹窗界面标题不一样

作者: Jerry0222 | 来源:发表于2018-11-10 15:11 被阅读0次

实现如下效果,title不一样


复制
重命名
如何实现

实现方法较复杂,但是有利于后续项目的维护,
1.首先新建一个js文件

export const OPERATING_STATUS = {
    CREATE: 1, //新增
    RENAME: 2,  //重命名
    SHOW:3,  //详情展示
    COPY:4,   //复制
    DELETE: 5,
    MODIFY:6,
}
export const OPERATING_STATUS_TITLE = {
    1: '新增',
    2: '重命名',
    3: '详情',
    4: '复制',
    5: '删除',
    6: '修改',
}

2.将上述两个对象导入到.vue文件中

import {
        OPERATING_STATUS
    } from '@/libs/status.js'

3.实现

h('Button', {
            props: {
                type: 'primary',
                size: 'small'
                         },
            on: {
                click: () => {
                                 
             this.showModalHandler(OPERATING_STATUS.RENAME)
                     }
                       }
        }, '重命名')

methods:

methods: {
            showModalHandler(tag) {
                this.modalTitle = OPERATING_STATUS_TITLE[tag]
                this.showModal = true
            },

相关文章

网友评论

      本文标题:iview如何弹同一个窗,但是弹窗界面标题不一样

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