前端页面初步开发

  

    
      
      &nbsp
      &nbsp
      &nbsp
      查询
      &nbsp
      新增

      
        
        
        
        
        
        

        
        

        
        

        
          
            编辑
            删除
          
        
      


      
      

    




  






export default {
  name: 'HomeView',
  data() {
    return {
      query: {
        page: 1,
        size: 5,
        name: '',
      },
      currentPage4: 4,
      tableData: [{
        id: '2023-10-01',
        name: '王小虎',
        sex: '男',
        phone: '18412345678',
        avatar: '鸡仔图.jpg',
        address: '河南省新乡市小店镇'
      }, {
        id: '2023-10-01',
        name: '王小虎',
        sex: '男',
        phone: '18412345678',
        avatar: '鸡仔图.jpg',
        address: '河南省新乡市小店镇'
      }, {
        id: '2023-10-01',
        name: '王小虎',
        sex: '男',
        phone: '18412345678',
        avatar: '鸡仔图.jpg',
        address: '河南省新乡市小店镇'
      }, {
        id: '2023-10-01',
        name: '王小虎',
        sex: '男',
        phone: '18412345678',
    服务器托管网    avatar: '鸡仔图.jpg',
        address: '河南省新乡市小店镇'
      }, {
        id: '2023-10-01',
        name: '王小虎',
      服务器托管网  sex: '男',
        phone: '18412345678',
        avatar: '鸡仔图.jpg',
        address: '河南省新乡市小店镇'
      }, {
        id: '2023-10-01',
        name: '王小虎',
        sex: '男',
        phone: '18412345678',
        avatar: '鸡仔图.jpg',
        address: '河南省新乡市小店镇'
      }, {
        id: '2023-10-01',
        name: '王小虎',
        sex: '男',
        phone: '18412345678',
        avatar: '鸡仔图.jpg',
        address: '河南省新乡市小店镇'
      }],
    }
  },
  methods: {
    handleEdit(index, row) {
      console.log(index, row);
    },
    handleDelete(index, row) {
      console.log(index, row);
    },
    handleSizeChange(val) {
      console.log(`每页 ${val} 条`);
    },
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
    }
  }
}

效果如下

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: 使用 ANTMAN 工具替换 OceanBase 云平台节点

OceanBase 环境基本都会先安装 OCP 来部署、监控、运维数据库集群。但如果有机器过保等问题，就需要有平稳的 OCP 节点的替换方案。 作者：张瑞远 上海某公司 DBA，曾经从事银行、证券数仓设计、开发、优化类工作，现主要从事电信级 IT 系统及数据库…