console 命令行工具 X clear
console
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=, initial-scale=">
	<meta http-equiv="X-UA-Compatible" content="">
	<script src="https://static.360buyimg.com/pops/xstoreom/plugins/vue/vue.min.js">

	</script>
	<script src="https://static.360buyimg.com/pops/xstoreom/fresh/fresh.min.js">

	</script>
	<link href="https://static.360buyimg.com/pops/xstoreom/fresh/styles/fresh.min.css" rel="stylesheet" />
	<style>
		body {
			padding: 20px
		}
	</style>
</head>

<body>
	<p-table border :columns="columns4" :data="data1" @on-selection-change="getSelected">
 
 
</p-table>
{{selected|json}}



	<script>
		new Vue({
  el: "body",
  data: {
    selected: [],
    columns4: [{
      type: 'selection',
      width: 60,
      align: 'center'
    }, {
      title: '姓名',
      key: 'name'
    }, {
      title: '年龄',
      key: 'age'
    }, {
      title: '地址',
      key: 'address'
    }],
    data1: [{
      name: '王小明',
      age: 18,
      address: '北京市朝阳区芍药居'
    }, {
      name: '张小刚',
      age: 25,
      address: '北京市海淀区西二旗'
    }, {
      name: '李小红',
      age: 30,
      address: '上海市浦东新区世纪大道'
    }, {
      name: '周小伟',
      age: 26,
      address: '深圳市南山区深南大道'
    }]
  },
  methods: {
    getSelected: function(selected) {
      this.selected = selected;
    }
  }
})

	</script>
</body>

</html>