使用el-table做一个动态获取数据的表格,在el-table标签中绑定数据:data='tableData',el-table-column标签中添加prop属性,script中为tableData初始化,tableData: null出不来数据,按照官网所写tableData:[]也出不来数据,如下图: 换一种写法: tableData: { serveName: '', address: '', port: '', localhost...
tableData.push({area: promise2.data.data.area,date: promise2.data.data.date,dayForecast: promise2.data.data.dayForecast[0].weather, })constpromise3 =awaitaxios({url:'http://hmajax.itheima.net/api/weather',params: {city:'440100'}}) tableData.push({area: promise3.data.data.area,date:...
val:{status:'0'}; },//绑定事件<el-table ref="myTable" @current-change="handleCurrentChange"> 3、表格查询刷新数据的事件中对当前行进行变量赋值 searchData:function() {//获取数据前赋默认值this.currentRow = {status:'0'}; drugs.apiGetAllData(queryParam) .then(response=>{//一些逻辑代码this...
{date: '2016-05-04',name: '王小虎',address: '上海市普陀区金沙江路 1517 弄'}, {date: '2016-05-01',name: '王小虎',address: '上海市普陀区金沙江路 1519 弄'}],可以使用el-table将数据展示为表格,代码如下:基本用法<el-table :data="tableData"><el-table-column prop="date"...
以下是 el-table 在项目中常用的写法:el-table 接受一个数组 data 作为数据,在 el-table 元素中插入多个 el-table-column 组件,用于定义列的名称(label),数据来源(prop),以及其它列的定制配置(width 等)。在实际项目中,往往不止几行 column,甚至三四十行都有可能(不过一般超过十行,最好考虑把次要的信息放在详...
<template> <div id="app"> <!-- 需求:三国人物表格,要求不同的国别展示不同的颜色(魏国红色、蜀国黑色、吴国蓝色) --> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="name" label="姓名" width="180"> </el-table-column> <el-table-column prop="nation" label...
使用el-table表格,这是element-ui里面的表格,所以要先引入elemeng-ui,在main.js里面引入,引入之前进行安装,在控制端中安装指令是: 在main.js文件引入,代码如下: 5、然后就可以使用el-table标签了 :data=”tableData”,意思是表格的数据来源于tableData,所以现在要在script里面给定一个tableData列表 ...
[1].checked = false this.tableData[index].restaurantTagTypes[1].status = 0 } } console.log('222---' + JSON.stringify(this.tableData[index].restaurantTagTypes)) }, changeStatus2(index, row) { console.log('row222---', JSON.stringify(row.restaurantTagTypes)) console.log('333---' ...
里面有三个需要注意的,url就是api的地址,data通过传入的参数来进行发送post请求,config中headers就是请求的配置,拿到数据之后用response储存起来,这样response就是我们拿到的api里的数据了,拿到之后我们要把api里拿到的数据给tableData api里面列表数据是records...
这个属性的意思是,tableData数组的每一项表示树的一个节点,如果该节点有子节点,则子节点数据存在children数组中,hasChildren字段存布尔值,表示该节点有没有子节点。 lazy属性,开启了懒加载,当点开某个子节点时,才会触发load方法去调接口查子节点数据。