</div>
</div>
</template>
2.文中标红的字不再是循环数组，名字随意取，在后面搜索关键字部分也标红了。数据多分页效果会更加明显。
<script>
export default {
data() {
return {
currentPage:1, //初始页
pagesize:10,//每页的数据// 搜索关键词
search:"",
Cashdata: [{
createTime:"2019/1/21/ 14:30:30",
orderId: "1555555454",
cilentName:"网三",
cilentId:"21313216544",
cilentPhone:"13976605432",
cilentGrade:"1",
orderPrice:"454664",
orderState:"已提交",
auditState: "系统已确认",
receiver: "和大宝",
phone:"16565644444",
address:"广东省深圳市*************************",
orderRemark:"少放醋，多方唐撒旦啊阿萨大萨达"
},
{
createTime:"2019/1/21/ 14:30:30",
orderId: "1555555454",
cilentName:"网三",
cilentId:"21313216544",
cilentPhone:"15576605432",
cilentGrade:"1",
orderPrice:"454664",
orderState:"已提交",
auditState: "系统已确认",
receiver: "和大宝",
phone:"16565644444",
address:"广东省深圳市*************************",
orderRemark:"少放醋，多方唐撒旦啊阿萨大萨达"
},
]};
},
methods: {
// 初始页currentPage、初始每页数据数pagesize和数据data
handleSizeChange: function (size) {
this.pagesize = size;
console.log(this.pagesize) //每页下拉显示数据
},
handleCurrentChange: function(currentPage){
this.currentPage = currentPage;
document.documentElement.scrollTop = 0;//点击翻页的时候回到顶部
console.log(this.currentPage) //点击第几页
},
},
// 订单列表搜索关键字
computed: {
orderList: function() {
var _search = this.search;
if (_search) {
return this.Cashdata.filter(function(product) {
return Object.keys(product).some(function(key) {
return String(product[key]).toLowerCase().indexOf(_search) > -1
