前端table查询

前端table查询

 <vxe-table  :data="tableDataEnd"   ref="xTable">
</vxe-table>

const tableData = ref([])
const tableDataEnd = ref([])
//获取tableData数据
const lockLibrary = async (data) => {
  search.value = ''
  lockLibraryId.value = data
  const res = await order_locks({ orderId: data })
  if (res.data.code === 1) {
    tableData.value = res.data.data
    tableDataEnd.value = tableData.value
  }
  drawer.value = true
}
//查询
const searchClick = () => {
  if (search.value === '') {
    ElMessage.error('查询条件不能为空')
    return
  }
  tableDataEnd.value = []
  tableData.value.forEach((value) => {
    if (value.itemName) {
      if (value.itemName.indexOf(search.value) >= 0) {
        tableDataEnd.value.push(value)
      }
    }
  })
}