iview使用技巧之Modal

 

怎么在方法里写一个简单的提示框,提示是否要删除,因为html代码较少,因此能够直接在方法里写

remove(index) {
				this.$Modal.confirm({
                    title: '提示信息',
                    content: '是否删除?',
                    onOk: () => {
                        this.data.splice(index, 1);
                        this.$Message.success('删除成功!');
                    }
                });
			},

组建里设置的自定义标签,把第二个单词首变成小写,而且在中间加上-,造成新的html标签

components: {
	        appUpdate,
	        appAdd
	    },

<app-update :app="appData"></app-update>

<app-add></app-add>

怎么往自定义标签里传参,好比参数为appDate,要传给app-update页面的app对象,以下

<app-update :app="appData"></app-update>

在app-update页面拿到app对象能够直接使用. 

在iview里能够用import直接把页面倒进来,以一个变量的形式呈现,使用.以下:

import applicationSystemListColumns from './application-System-List-columns.js';
	import appUpdate from './application-System-update.vue';
	import appAdd from './application-System-Add.vue';
	import applicationSystemListData from './application-System-List-data.js';
	import applicationSystemRemoveColumns from './application-System-Remove-columns.js';
	import applicationSystemRemoveData from './application-System-Remove-data.js';