SOURCE

console 命令行工具 X clear

                    
>
console
new Vue({
    el: '#app',
    data() {
        return {
            tableData: [{
                date: '2016-05-02',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1518 弄'
            }, {
                date: '2016-05-04',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1517 弄'
            }, {
                date: '2016-05-01',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1519 弄'
            }, {
                date: '2016-05-03',
                name: '王小虎',
                address: '上海市普陀区金沙江路 1516 弄'
            }]
        }
    },
    mounted() {
        this.$nextTick(() => {
            let table = this.$refs.demoTable;
            console.log('ss'+table);
            let curr = table.querySelector('.current-row');
        });
    },
    methods: {
        setCurrent(row) {
            this.$refs.demoTable.setCurrentRow(row);
        },
        handleCurrentChange(val) {
            this.currentRow = val;
        }
    }
})
<div id="app">
	<el-table ref="demoTable" highlight-current-row @current-change="handleCurrentChange" :data="tableData" style="width: 100%">
		<el-table-column prop="date" label="日期" width="180">
		</el-table-column>
		<el-table-column prop="name" label="姓名" width="180">
		</el-table-column>
		<el-table-column prop="address" label="地址">
		</el-table-column>
	</el-table>

	<div style="margin-top: 20px">
		<el-button @click="setCurrent(tableData[1])">选中第二行</el-button>
		<el-button @click="setCurrent()">取消选择</el-button>
	</div>
</div>

本项目引用的自定义外部资源