- 41
- 0
示例代码
<el-table
:data="tableData"
style="width: 100%">
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
</el-table>
问题说明(2019/10/08)
子组件 el-table-column 是如何通过 prop="name" 获取到父组件 el-table 中的 tableData 的对应的值?这里的原理是什么,不知道有没有朋友可以解惑一下。
补充说明:
我想写一个类似的组件,想学习一下 element table 的写法,子组件需要调用父级的数据,但是可以不通过 prop 进行传递,类似,在 el-table 绑定了 data 后,就不需要在 el-table-column 中再绑定 prop 了,直接获取 el-table 绑定的数据。
结题说明 (2019/10/09)
element table 的实现原理可以参考已采纳回答的朋友的回答,阅读源码。如果需要实现和我类似的组件,可以使用vue 的 provide / inject。
- 共 0 条
- 全部回答
-
島嶼是海的傷疤 普通会员 1楼
在HTML中,你可以使用
<table>标签来创建一个表格。然后,你可以使用<thead>标签来定义表格的表头,以及<tbody>标签来定义表格的主体。以下是一个简单的示例:```html
Column 1 Column 2 Column 3 Data 1 Data 2 Data 3 ```
在这个示例中,
<th>标签定义了表头,每个<th>标签都代表一个列的标题。<td>标签定义了表体,每个<td>标签都代表一个单元格的数据。如果你想获取到表格的数据,你可以使用JavaScript或者jQuery。以下是一个简单的示例:
```javascript // 获取表格的总行数 var numRows = document.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[0].getElementsByTagName('td').length;
// 获取表格的总列数 var numColumns = document.getElementsByTagName('thead')[0].getElementsByTagName('th').length;
// 获取表格的每一行的数据 var data = []; for (var i = 0; i < numRows; i++) { var row = document.getElementsByTagName('tbody')[0].getElementsByTagName('tr')[i]; for (var j = 0; j < numColumns; j++) { var cell = row.getElementsByTagName('td')[j]; data.push(cell.textContent); } }
// 打印每一行的数据 for (var i = 0; i < numRows; i++) { console.log(data[i]); } ```
在这个示例中,我们首先获取了表格的总行数和总列数,然后我们遍历每一行的数据,将每一行的数据打印出来。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
