Element
guohongyanghy
这个作者很懒,什么都没留下…
展开
-
下拉框与input输入框大小不一致问题
margin-bottom: -10px使控件之间的距离变小,可以为负数值 当下拉列表 style="width:92%"时,可以与input输入框大小一致 <el-form-item style="margin-bottom: -10px; " prop="string" label="输入框:" :label-width="formLabelWidth" >原创 2019-01-15 18:00:34 · 4924 阅读 · 0 评论 -
Vue+element ,el-form 中的控件点击没反应问题
el-row要慎用,可能会导致el-form 中的控件点击没反应,就是根本都不会获取到焦点,解决办法: 1、删掉所有的el-row 2、在某些地方添加el-row,详见CDP文件 ...原创 2019-04-08 16:58:05 · 6162 阅读 · 1 评论 -
Vue+element 组件复用
Vue+element组件复用 父组件改动部分 <!--改动--><CreateDialog:createVisible.sync="createShow"></CreateDeviceDialog> <el-button type="text" @click="createShow= true">创建</...原创 2019-04-11 17:01:24 · 1409 阅读 · 0 评论 -
Vue动态修改element el-table的某列数据
1、对话框打开时调用函数open@opened="checked" 2、可编辑<el-table-column -------- visEdit="true" > 3、同步选中的数据List:multipleSelection ,函数checked: fun...原创 2019-04-06 15:29:06 · 19568 阅读 · 0 评论 -
element+vue的table中某一行标红 ,标红指定行可以参考禁用selection某一行
<el-table :row-class-name="tableRowClassName" --------------------------> <style scoped> /deep/.el-table .warning-row { background: oldlace; } </styl...原创 2019-04-06 15:10:14 · 8600 阅读 · 5 评论 -
Vue + Element table中selection复选框禁用某一行
在禁用的函数中使用条件可以禁用多行,不需要写循环 <el-table-column type="selection" :selectable='checkboxT' width="28"> </el-table-column> //复选框 checkboxT(row, r...原创 2019-03-08 11:52:22 · 18441 阅读 · 3 评论 -
vue+element国际化 中英文切换table表行、表头错位问题的解决
问题:中文时不错位,切换到英文后错位。 中文:如下图 英文:如下图 解决: <el-table-column prop="a" :label="$t('b.c')" show-overflow-tooltip="true" :width="($t('b.c')).length...原创 2019-01-16 13:28:00 · 4555 阅读 · 0 评论 -
vue + element 下拉框 选项绑定数据列表List,List动态变化后,下拉框下拉后数据不变化问题解决
原因很弱智,data中没有初始化,却直接使用,第一次对List赋值时没问题,下拉框能够找到数据,改变List中的值后,下拉框中的值不会跟着List而改变,找了一大圈,发现没有对List在data中进行初始化。 ...原创 2019-01-15 17:57:53 · 9712 阅读 · 1 评论 -
vue+element控件之间间距太大问题
减小控件之间的间距 style="float:left" ,float:right,等等,可以使某个控件居左显示 margin-top,margin-bottom,margin-left,margin-right可以控制控件之间的间距,element的控件之间间距较大,可以将这些值设置成负数来缩小间距 style="margin-top:-5px" style="margin-b...原创 2019-01-15 18:00:19 · 54894 阅读 · 1 评论 -
vue+elment el-table 可展开表格过滤问题
1、展开内容竖向显示,横线显示参考element官网 2、使用过滤器filters对展开行中的内容进行过滤 3、简单的过滤可以直接 条件判断 比如{{a>b ? '大于':‘小于’}} <el-table row-style="height:22px" cell-style="padding:0" sty...原创 2019-05-23 18:29:57 · 1268 阅读 · 0 评论