草庐IT

封装element-ui页签:el-tabs

封装element-ui页签:el-tabs封装成公共组件,方便拓展公共组件代码template>divclass="tabPane-container">el-tabsv-model="activeValue"@tab-click="tabClick"type="border-card">el-tab-panev-for="itemintabList":key="item.name":label="item.label":name="item.name">slot:name="item.name">slot>el-tab-pane>el-tabs>div>template>script>ex

vue element 编辑下拉框el-select不能回显的问题

本人的需求是点击表格里面的编辑按钮,把数据回显到弹窗内,其他的都能回显,但是就下拉框不能正常的回显本人后端人员,有不对的地方,勿喷这是因为点击编辑,收集到下拉框的value是一个数字导致的,传值应该是‘1’而不是1解决办法一:,给弹窗子组件传参的时候,单独给下拉框转下字符串格式methods:{handleEdit(index,row){this.$refs.UrlDiaLog.form=row//row是收集到的所在行的数据,但是里面下拉框的值是数字,而不是字符串this.$refs.UrlDiaLog.form.is_better=row.is_better.toString()//可以在

如何给el-table添加选中高亮

给el-table添加选中高亮:highlight-current-row属性使用首先给el-table添加属性highlight-current-row,当点击当前行的时候会有个默认的高亮然后可以根据设计图修改选中行的高亮颜色.el-table__bodytr.current-row>td{background-color:#f0f9eb;}如果需要做选中的逻辑处理,那么可以给el-table绑定current-change事件

VUE系列之element表单el-form-item自定义label

这里要加提示,所以自定义label,加了问号的提示具体代码实现如下:姓名 第一行信息第二行信息 核心使用slot=label 

ios - el capitan 上的椰子

我刚刚将我的OSX更新为ElCapitan。现在,当我想更新我的PodFile时,出现此错误:pod:commandnotfound这里有什么帮助吗? 最佳答案 /usr/local/bin中的安装工作完美:sudogeminstall-n/usr/local/bincocoapods但只有通过添加附加权限我才能访问它sudochmod-R755/usr/local/bin 关于ios-elcapitan上的椰子,我们在StackOverflow上找到一个类似的问题:

ios - el capitan 上的椰子

我刚刚将我的OSX更新为ElCapitan。现在,当我想更新我的PodFile时,出现此错误:pod:commandnotfound这里有什么帮助吗? 最佳答案 /usr/local/bin中的安装工作完美:sudogeminstall-n/usr/local/bincocoapods但只有通过添加附加权限我才能访问它sudochmod-R755/usr/local/bin 关于ios-elcapitan上的椰子,我们在StackOverflow上找到一个类似的问题:

vue纯前端导入excel,获取excel的表格数据渲染el-table

最近有个需求,最开始列表数据是通过新增按钮一条条添加的,但是部分数据量可能上百条,客户自己手选会很慢,所以产品经理给了个需求要求可以通过上传excle文件进行导入。经过网上查询及涉及自己项目,实现了此功能。第一步:安装插件,我安的是0.16.0;原因是默认安装版本编译会有点问题,经过搜索后发现安装此版本后解决。npminstallxlsx@0.16.0--save第二步:vue页面中导入XLSX依赖importXLSXfrom'xlsx'第三步:页面展示上传文件第四步:核心代码js//上传导入excle文件asyncimportExcel(file){consttypes=file.name.

element-ui框架的el-dialog弹出框被遮罩层挡住

解决办法在el-dialog标签里添加:modal-append-to-body=‘false’问题分析 先来看看element-ui官网提供的属性说明文档文档解释:翻译成大白话就是,若el-dialog弹出框设置了modal-append-to-body='true'(默认)属性,它的遮罩层就会被插入到body标签下(即与组件所在的最外层div同一层级),知道这个原理就好办了:append-to-body='true'或者:modal-append-to-body='false'像这样:问题分析:经过分析源码可以知道,el-dialog的显示层和遮罩层都设置了position:fixed,当

el-table 改变行高

el-table改变行高row-style行的style的回调方法,也可以使用一个固定的Object为所有行设置一样的Style。cell-style单元格的style的回调方法,也可以使用一个固定的Object为所有单元格设置一样的Style。header-row-style表头行的style的回调方法,也可以使用一个固定的Object为所有表头行设置一样的Style。header-cell-style表头单元格的style的回调方法,也可以使用一个固定的Object为所有表头单元格设置一样的Style。主要这4个属性关系到表格行和表格头的行高将row相关属性中的height设置为0将cel

el-table 多选框改成单选框(el-table单选功能)

今天,写项目时,有一个table作为筛选的载体,需要选中table里面的一条数据,我想了一下,用table里面的selection功能,实现单选功能。exportdefault{data(){return{tableData:[{name:'王小虎1',province:'上海1',},{name:'王小虎2',province:'上海2',},{name:'王小虎3',province:'上海3',},{name:'王小虎4',province:'上海4',}],}},mounted(){},methods:{onSelectAll(){this.$refs.multipleTable.cl