Vue版EasyUI 的学习

组件方法（method）的使用要点：

1，不要在组件内监听组件本身的方法，

2，使用的时候，利用vue的$refs属性来引用，

小例子：

<template>
	<div>
		<LinkButton iconCls="icon-add" :toggle="true" :selected="true" @click='ss'>Add</LinkButton>
		<h2>Basic TreeGrid</h2>
		<TreeGrid :data="data" idField="id" treeField="name" :checkbox='true' ref='ttt'>
			<GridColumn field="name" title="Name"></GridColumn>
			<GridColumn field="size" title="Size"></GridColumn>
			<GridColumn field="date" title="Date"></GridColumn>
		</TreeGrid>		
	</div>
</template>
<script>
	export default {
		data() {
			return {
				data: this.getData()				
			};
		},
		methods: {
			getData() {
				return [{
					id: 1,
					name: "C",
					size: "",
					date: "02/19/2010",
					children: [{							
							id: 3,
							name: "eclipse",
							size: "",
							date: "01/20/2010",
							children: [{
									id: 31,
									name: "eclipse.exe",
									size: "56 KB",
									date: "05/19/2009"
								},
								{
									id: 32,
									name: "eclipse.ini",
									size: "1 KB",
									date: "04/20/2010"
								},
								{
									id: 33,
									name: "notice.html",
									size: "7 KB",
									date: "03/17/2005"
								}
							]
						}
					]
				}];
			},			
			ss() {
				let that = this;
            let rowArr = that.$refs.ttt.getCheckedRows();
			console.log(rowArr);
			}
		}
	};
</script>

 

转载于:https://my.oschina.net/u/4075942/blog/3039252