随笔分类 - vue
摘要：<style scoped> .el-card /deep/ .el-card__body { padding: 6px; } .el-card /deep/ .el-card__header { padding: 8px 20px; border-bottom: 1px solid #EBEEF5
阅读全文
摘要：1、设置只可以展开一行 table里面事件添加 <el-table class="elTable" ref="machineTable" :data="machineDataList" :row-key="(row) => { return row.id }" @expand-change="han
阅读全文
摘要：原文链接：https://blog.51cto.com/u_15301254/4842790 vue： <el-table height="600" :data="visibleData" style="width: 100%" v-load-more.expand="{func: loadmore
阅读全文
摘要：参考：https://www.jb51.net/article/257112.htm <el-table class="elTable" ref="processDataTable" :row-style="rowStyle" :data="processDataList" load = "true
阅读全文
摘要：效果： 代码：添加 :required="true" style="text-align:left" 即可 <el-form-item label="订单号:" prop="orderNo" :required="true" style="text-align:left"> <el-input v-
阅读全文
摘要：<el-table fit border size="small" :data="deviceList" ref="dataTreeList" @expand-change="handleExpandChange"> <el-table-column type="expand"> // 如果表头需要
阅读全文
摘要：vue中不会解析html的占位符 1.不间断空格\u00A0,主要用在office中,让一个单词在结尾处不会换行显示,快捷键ctrl+shift+space ; 2.半角空格(英文符号)\u0020,代码中常用的; 3.全角空格(中文符号)\u3000,中文文章中使用;
阅读全文
摘要：效果: 安装组件vue-pdf 附上vue-pdf的官方地址：https://www.npmjs.com/package/vue-pdf yarn: yarn install vue-pdf npm: npm install --save vue-pdf 1、pdf.vue 代码，只有一页的 <pd
阅读全文
摘要：addRedStar(h, { column }) { // 给表头加必选标识 return [h('span', { style: 'color: red' }, '*'), h('span', ' ' + column.label)] }, 效果： vue: <el-table-column l
阅读全文
摘要：<el-table ref="tableFile" v-loading="createLoading" :row-key="getRowKeys" :data="createDetailList" @selection-change="handleSelectionCreateChange"> <e
阅读全文
摘要：/* 用来设置当前页面element全局table 选中某行时的背景色*/ .el-table__body tr.current-row>td{ background-color: #f19944 !important; /* color: #f19944; */ /* 设置文字颜色，可以选择不设置
阅读全文
摘要：在 @change绑定的方法加上下边的代码就好了 强制更新值 this.$forceUpdate();
阅读全文
摘要：1、<style> 不要添加 “scoped” 属性 2、css .el-tree-node:focus > .el-tree-node__content { background-color: #66b1ff87 !important; } .el-tree-node__content:hover
阅读全文
摘要：vue 中 子组件向父组件传值 使用this.$emit()方法 子组件向父组件传值是： this.$emit('update:modelValue', false); 父组件接收应该 添加 .sync修饰符 <my-upload field="headImg" @crop-upload-succe
阅读全文
摘要：1、npm install vue-image-crop-upload 2、引入 import myUpload from 'vue-image-crop-upload' @Component({ name: 'Navbar', components: { Breadcrumb, Hamburger
阅读全文
摘要：效果 验证通过效果 添加组件 slider.vue <template> <div class="drag" ref="dragDiv"> <div class="drag_bg"></div> <div class="drag_text">{{confirmWords}}</div> <div r
阅读全文
摘要：参考文章：Element Ui使用技巧——Form表单的校验规则rules详细说明 Form 组件提供了表单验证的功能，只需要通过 rules 属性传入约定的验证规则，并将 Form-Item的 prop 属性设置为需校验的字段名即可。校验规则参见 async-validator 文档中提及的用法有
阅读全文
摘要：<el-table-column type="index" align="center" width="90" label="编号"> </el-table-column>
阅读全文
摘要：<el-table-column align="center" prop="temp" width="120" label="测试"></el-table-column>
阅读全文
摘要：效果：每发布一条信息，滚动条自动滚动到最新消息位置 代码： html: <div class="maquee" id="maquee"> <ul> <li class="messageitem" v-for="item in socketForm.msgData "> 内容………………………… </
阅读全文
