表单
表单
仁王_雅治
想一想,一步步来到这里也挺不容易的
展开
-
Vue -- 如何通过 el-tree 构造一个双层树 & 如何控制树的父节点无法展开 & 点击事件
待实现的需求:1、树为两层,第一层为指标类型,第二层为指标值2、点击树的第二层(即指标值),在相关指标值后面出现基准二字<el-tree :data="measTreeData" :props="measTreeProps" node-key="id" style="margin-top:5px;" ref="measTree" @node-click="handleMetricsClick"> <span class="rootcause-原创 2020-09-01 08:36:44 · 1452 阅读 · 0 评论 -
Vue -- 通过 el-dialog 编辑表格中的内容 & 对 el-table 对象数组中赋值时的坑
html 代码<el-table-column prop="operation" label="操作" width="120" align="center"> <template slot-scope="scope"> <a style="color:#2C8DF4;text-decoration:underline" @click="editDes(scope.$index,scope.row)">编辑描述</a> <a sty原创 2020-10-12 21:11:40 · 1437 阅读 · 0 评论 -
Vue -- 设置分页,切换分页之后选项仍能保留 & 控制多个表格的选中不会互相影响
<el-table :data="hostTableData" highlight-current-row border ref="allHostTable" style="width: 100%" :row-key="getRowKey"> <el-table-column type="selection" align="center" :re...原创 2020-05-03 11:07:50 · 1511 阅读 · 0 评论 -
Vue -- 表格 -- 点击表格中任意行,该行各列皆进入可编辑模式 -- 6
下面的代码为点击"日志位置"列出现输入框效果js<el-table :data="serverTableData" border ref="table" style="width: 100%" class="tb-edit" highlight-current-row> <el-table-column label="日志位置" min-width="40"&g...原创 2019-10-29 09:33:45 · 1248 阅读 · 0 评论 -
Vue -- Collapse 折叠面板如何自定义标题 & 如何设置默认打开的面板
<el-collapse v-model="activeNames" > <el-collapse-item class="deploy-setting" v-for="(item,index) in appDeployForm.detail" :key="index" :name="index"> <template slot="title"> ...原创 2020-05-04 21:38:19 · 19846 阅读 · 1 评论 -
Vue -- v-for 深度实践 & cascader 选择器回显 & el-switch 回显
html<el-form :model="appTemplateForm" ref="appTemplateForm" :rules="rules" label-width="100px"> <el-row> <el-col :span="24" v-for="(item,index) in appTemplateForm.softwareInfo" :k...原创 2020-04-26 22:56:35 · 1430 阅读 · 0 评论