<template>
<div class="line-list line-list--indent">
		<div class="line-item">
			<check-box name="city"  text="上海" value="1" @changed="onCheckBoxChanged"></check-box>
		</div>
		<div class="line-item">
			<check-box name="city" text="广州" disabled="disabled"></check-box>
		</div>
		<div class="line-item">
			<check-box name="city" text="厦门" checked="checked" disabled="disabled"></check-box>
		</div>
		<div class="line-item">
			<p class="list-group-item">checked:{{checkedValue | json}}</p>
		</div>
</div>
</template>

<script>
import checkBox from "components/checkbox/checkbox"

export default{
	data(){
		return{
			"checkedValue": ""
		}
 	},
 	components: {
 		checkBox
 	},
 	methods: {
 		onCheckBoxChanged: function(item){
				this.checkedValue= item;
 		}
 	}
}
</script>