2018-2-24-vueのadd追加コード

一、buttonボタンの追加

二、return変数に宣言することを忘れないでください

addVisible: false,

三、ポップアップボタンの追加

四、注意追加モジュールのインポート

import taskRefAdd from './taskGroupRefAdd';

components: {

taskRefAdd

}

五、新しいdemoを追加するケース

    export default {
        name: 'taskGroupRefAdd',
        components: {},
        data() {
            return {
                addUrl: "/loan/jobTaskAction.do?_md=addJobTask",
                addForm: {},
                rules: {
                    taskCode: [
                        {required: true, message: '        '}
                    ],
                    taskName: [
                        {required: true, message: '        '}
                    ],
                    remark: [
                        {required: true, message: '      '}
                    ]
                },
            }
        },
        methods: {
            onSubmit() {
                const _this = this;
                this.$refs.addForm.validate(valid => {
                    if (!valid) {
                        return false;
                    }
                    this.$http.post(_this.addUrl, _this.addForm)
                        .then((response) => {
                            if (response.success) {
                                _this.$success(response.msg);
                                _this.$emit('refreshTable');
                                _this.$emit('closeDialog');
                            } else {
                                _this.$error(response.msg);
                            }
                        })
                        .catch((error) => {
                            _this.$error(error.message);
                        });
                });
            },
            onCancel() {
                this.$success("   ");
                this.$emit('closeDialog');
            }
        }
    };

注意:
1、ref="addForm"  現在のノードオブジェクトを指し、formオブジェクト全体を操作できます.
2、:rules=「rules」は検証のことで便利ですよね
3、:model=「addForm」フォームデータオブジェクト
4、 _this.$emit('refreshTable'); 前のページのリフレッシュ関数を呼び出して、コールバックします
.........