Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
E
Element
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Analytics
CI / CD Analytics
Repository Analytics
Value Stream Analytics
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
林焕东
Element
Commits
68c768d6
Commit
68c768d6
authored
Jan 03, 2017
by
qingwei.li
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
FAQ: remove inline-template
parent
4da8b2a2
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
12 additions
and
8 deletions
+12
-8
FAQ.md
FAQ.md
+12
-8
No files found.
FAQ.md
View file @
68c768d6
...
...
@@ -19,10 +19,12 @@
<details>
<summary>
如何在 Table 组件的每一行添加操作该行数据的按钮?
</summary>
使用
inline-template
即可:
使用
[
Scoped slot
](
https://vuejs.org/v2/guide/components.html#Scoped-Slots
)
即可:
```
html
<el-table-column
label=
"操作"
inline-template
>
<el-button
@
click.native=
"showDetail(row)"
>
查看详情
</el-button>
<el-table-column
label=
"操作"
>
<template
scoped=
"props"
>
<el-button
@
click.native=
"showDetail(props.row)"
>
查看详情
</el-button>
</template>
</el-table-column>
```
参数
`row`
即为对应行的数据。
...
...
@@ -41,7 +43,7 @@
```
css
[
class
^=
"el-icon-my"
],
[
class
*=
" el-icon-my"
]
{
font-family
:
"your-font-family"
!important
;
/* 以下内容参照第三方图标库本身的规则 */
font-size
:
inherit
;
font-style
:
normal
;
...
...
@@ -104,10 +106,12 @@ For other components, the `.native` modifier is still mandatory.
<details>
<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
<el-table-column
label=
"Operations"
inline-template
>
<el-button
@
click.native=
"showDetail(row)"
>
Details
</el-button>
<el-table-column
label=
"Operations"
>
<template
scoped=
"props"
>
<el-button
@
click.native=
"showDetail(props.row)"
>
Details
</el-button>
</template>
</el-table-column>
```
The parameter
`row`
is the data object of corresponding row.
...
...
@@ -126,7 +130,7 @@ You just need to modify the class name prefix of the third-party library (see th
```
css
[
class
^=
"el-icon-my"
],
[
class
*=
" el-icon-my"
]
{
font-family
:
"your-font-family"
!important
;
/* The following is based on original CSS rules of third-party library */
font-size
:
inherit
;
font-style
:
normal
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment