UI

2022-10-13
el-dialog 问题

1.弹出层被遮罩挡住

1
:modal-append-to-body="false"

2.点击取消或确定，弹窗关闭后会再次打开一下，又关闭

1
v-if="dialogFormVisible"
阅读更多

2022-10-13
ElementUI控件el-tree方法renderContent的使用

renderContent并不会影响代码中既定tree数据层结构渲染加载；

这里的作用是根据tree的特定level调整其样式：

el-tree

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<el-tree

                :render-content="renderContent"

                :data="treedata"

                default-expand-all

                :show-checkbox="showcheckbox"

                highlight-current

                node-key="itemId"

                :expand-on-click-node="false"

                @node-click="handleNodeClick"

                :props="ItemProps"

                v-loading="ISload"

                ref="tree"

                @check-change="itemCheckChange"

                style="margin-top: 1em;"

              ></el-tree>
阅读更多

2022-10-13
ElementUI栅格系统布局与偏移

以下内容参照 官方文档

1
2
3
4
5
6
7
8
9
10
11
12
<el-row>

<el-col
        :xs="{ span: 24, offset: 0 }"
        :sm="{ span: 12, offset: 0 }"
        :md="{ span: 12, offset: 0 }"
        :lg="{ span: 12, offset: 0 }"
        :xl="{ span: 12, offset: 0 }"
        :xxl="{ span: 12, offset: 0 }"
      >
</el-col>
</el-row>
阅读更多
浏览 次 |

© 2023 南疆 with help from Hexo and Twitter Bootstrap. Theme by Freemind.

container-narrow --> ▲