iview使用技巧之Modal

2019独角兽企业重金招聘Python工程师标准>>>

 

怎么在方法里写一个简单的提示框,提示是否要删除,由于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';

 

转载于:https://my.oschina.net/u/3491770/blog/1560900