您好,匿名用户

iview 非 template/render 模式 Modal失效

0 投票
<div id="app">
    <i-button type="primary" @click="add">添加</i-button>
    <i-table :columns="col" :data="list" style="margin-top: 20px;margin-bottom: 20px;"></i-table>
    <Page :total="page.total" :page-size="page.pageSize" @on-change="getList"/>
    <Modal v-model="addModal" title="添加" @on-ok="addModalF">
        <span>域名</span>
        <i-input v-model="addVal"/>
    </Modal>

    <Modal v-model="editModal" title="编辑" @on-ok="editModalF">
        <span>域名</span>
        <i-input v-model="editInfo.domain" type="text"/>
    </Modal>
</div>
<script>
    var vm = new Vue({
            el: "#app",
            data() {
                let self = this;
                return {
                    addModal: true,
                    editModal: false,
                    addVal: '',
                    col: [
                        {
                            title: "ID",
                            key: "id"
                        },
                        {
                            title: "域名",
                            key: "domain"
                        },
                        {
                            title: "操作",
                            key: "action",
                            align: "center",
                            render: (h, params) => {
                                return h('div', [
                                    h('Button', {
                                        props: {
                                            type: 'primary',
                                            size: 'small'
                                        },
                                        style: {
                                            marginRight: '5px'
                                        },
                                        on: {
                                            click: () => {
                                                self.edit(params.index)
                                            }
                                        }
                                    }, '编辑'),
                                    h('Button', {
                                        props: {
                                            type: 'error',
                                            size: 'small'
                                        },
                                        on: {
                                            click: () => {
                                                console.log(params);
                                                self.del(params.index)
                                            }
                                        }
                                    }, '删除')
                                ]);
                            }
                        }
                    ],
                    list: [],
                    editInfo: {},
                    page: {
                        total: 0,
                        pageSize: 0
                    }
                }
            },
            created: function () {
                this.getList();
            },
            methods: {
                getList(page) {
                    //dosoming
                },
                add() {
                    var self = this;
                    self.addModal = true;
                },
            }
用户头像 提问 5月16日 @ Jax 中士 (1,314 威望)
分享到:

1个回答

0 投票
 
最佳答案

哪个失效,没描述清楚,而且事件名没对应上还是什么

用户头像 回复 5月16日 @ Wukong 上士 (1,850 威望)
选中 5月12日 @Jax
提一个问题:

相关问题

0 投票
1 回复 23 阅读
0 投票
1 回复 27 阅读
0 投票
1 回复 229 阅读
0 投票
1 回复 18 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...