templatedivel-table refmyTable:datatableDatastylewidth:100%el-table-column propdatalable日期width180template slot-scopescopespan v-htmlrenderHighlight(scope.row,data)/span/template/el-table-columnel-table-column propnamelable姓名width180template slot-scopescopespan v-htmlrenderHighlight(scope.row,name)/span/template/el-table-columnel-table-column propaddresslable地址width180template slot-scopescopespan v-htmlrenderHighlight(scope.row,address)/span/template/el-table-column/el-tableel-row:gutter20el-col:span6el-select v-modelsearchKeyplaceholder请选择el-option v-foritem in options:keyitem.value:labelitem.label:valueitem.value/el-option/el-select/el-colel-col:span10el-input v-modelsearchValplaceholder请输入检索内容//el-col/el-rowel-button clicksureBtn确定/el-button/div/templatescriptexportdefault{data(){return{tableData:[{data:2016-05-22,name:张三,address:上海市普陀区金沙江路1528弄},{data:2016-05-21,name:李四,address:上海市普陀区金沙江路1527弄},{data:2016-05-20,name:王五,address:上海市普陀区金沙江路1526弄},{data:2016-05-19,name:赵六,address:上海市普陀区金沙江路1525弄},{data:2016-05-18,name:小明,address:上海市普陀区金沙江路1524弄},{data:2016-05-17,name:小李,address:上海市普陀区金沙江路1523弄},{data:2016-05-16,name:小赵,address:上海市普陀区金沙江路1522弄},],searchKey:,searchVal:,realSearchKey:,realSearchVal:,}},methods:{sureBtn(){this.realSearchKeythis.searchKeythis.realSearchValthis.searchVal},renderHighlight(row,params){if(!this.realSearchKey||!this.realSearchVal||this.realSearchKey!params){returnrow[params]}if(row[params].includes(this.realSearchVal)){returnspan stylecolor:red;font-weight:bold${row[params]}/span}returnrow[params]}}}/scriptstyle scoped/style