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';