github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

FAQ: remove inline-template

pull/2154/head
qingwei.li 2017-01-03 14:05:46 +08:00
parent 4da8b2a2dd
commit 68c768d6b1
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
FAQ.md
View File

@ -19,10 +19,12 @@
<details> <details>
<summary>如何在 Table 组件的每一行添加操作该行数据的按钮？</summary> <summary>如何在 Table 组件的每一行添加操作该行数据的按钮？</summary>
使用 inline-template 即可： 使用 [Scoped slot](https://vuejs.org/v2/guide/components.html#Scoped-Slots) 即可：
```html ```html
<el-table-column label="操作" inline-template> <el-table-column label="操作">
<el-button @click.native="showDetail(row)">查看详情</el-button> <template scoped="props">
<el-button @click.native="showDetail(props.row)">查看详情</el-button>
</template>
</el-table-column> </el-table-column>
``` ```
参数 `row` 即为对应行的数据。 参数 `row` 即为对应行的数据。
@ -104,10 +106,12 @@ For other components, the `.native` modifier is still mandatory.
<details> <details>
<summary>How do I add buttons in each row of Table to operate data of that row?</summary> <summary>How do I add buttons in each row of Table to operate data of that row?</summary>
Just use `inline-template`: Just use [Scoped slot](https://vuejs.org/v2/guide/components.html#Scoped-Slots):
```html ```html
<el-table-column label="Operations" inline-template> <el-table-column label="Operations">
<el-button @click.native="showDetail(row)">Details</el-button> <template scoped="props">
<el-button @click.native="showDetail(props.row)">Details</el-button>
</template>
</el-table-column> </el-table-column>
``` ```
The parameter `row` is the data object of corresponding row. The parameter `row` is the data object of corresponding row.