随笔分类 - 前端 / element ui
摘要：<el-dropdown trigger="click" @command="handleCommand" @visible-change="test"></el-dropdown> 其中test(val){console.log(val);} 方法中直接打印值，得到的是true或者false. 但
阅读全文
摘要：注意不要使用 @click 点击事件会不生效，使用 @click.native 获取option的ID值 1.html部分 <select class="bw1 bss bc4 h40px w100 dib br4 fl" v-model="ProductActive" @change="chang
阅读全文
摘要：当你看完backtop的组件源码后，你是否会有所领悟呢？他的组件参数都有默认值，这意思就是，我们可以什么都不传，调用这个组件即可使用。 <el-backtop></el-backtop> 是的，你没看错，把上面那段代码Copy到你的代码中，即可使用。记得把代码放在最外层的div里的第一个，不要放在尾
阅读全文
摘要：HTML部分 <el-form ref="form" :model="form" label-width="82px"> <el-form-item label="选择媒体："> <el-select v-model="value" placeholder="请选择媒体"> <el-option v
阅读全文
摘要：将以下代码直接放到 app.vue里 或者 html里即可 .el-table th.gutter{ display: table-cell!important; }
阅读全文
摘要：HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet" href="css/element-ui-index.css"> <scrip
阅读全文
摘要：当需要验证的字段是数字类型的时候，需要使用 v-model.number 来绑定，否则验证的时候会当做字符串处理，结果就无法验证 <el-input v-model.number="tax.salary"></el-input> rules里面： salary: [{required: true,
阅读全文
摘要：当我们表格内文字过多时，它会自动换行显示，但是它改变了表格的行高，效果看起来有些不美观，所以我们把多余的字用悬浮显示。 更改： :show-overflow-tooltip="true"//el-table字体长度过长，浮动显示 代码中添加 <template> <el-table :data="t
阅读全文
