qq_38502227的博客

<template> <div> <el-dialog class="add-comparison" title="添加" :visible="visible" @update:visible="updateVisible" width="540px" > <div class="content"> <div class="default-scro

<a download href="../tpl/template.xlsx"> 下载模板 </a> <!-- href='模板的路径'（一般放public文件里） --> <div style="margin-top:20px;padding-left:70px;"> <el-upload ref="upload" action="#" :show-file-list="false" :on-cha.

效果图： <div class="permissions-information-content" v-for="(data, index) in newJurisdictionData" :key="data.id" > <el-checkbox :label="data.code" @change="checkAllChildren($event, data, ind

前言：刚好遇到这个问题，亲测有效1.完整报错信息2.解决在使用el-checkbox-group组件的时候，一定要为其指定一个数组来存放多选框组的值，不然就会报这个错。

//弹框用的是elementUI组件<template> <div> <el-dialog class="set-key-world" title="设置" :visible="visible" @update:visible="updateVisible" :close-on-click-modal="false" width="800px" > <div..

<template> <div> <el-dialog :title="title[type]" :visible="visible" @update:visible="updateVisible" width="540px" > <div class="content"> <div class="content-reminder">

最近用element中drawer组件作弹框，发现里面的文本域会自动获取焦点，不符合UI设计，因此只能继续修改了 <el-input type="textarea" v-model="cardEndTips" @focus="changeValue(0)"></el-input>export default { data() { return { ...

<div class="dialog_wrapper" @click.self="close()" v-show="visible"> <div class="dialog-setting" v-show="visible" :style="{width:dialogWidth}"> <!-- 弹框的内容（用的是element框架的弹框）---&gt...

上图是element UI中自带的清空按钮下图是我需要的清空按钮/***修改：在element UI文档上找到默认的清空按钮，然后找到默认按钮的content属性，直接替换content的值就可以***/.el-input__suffix { .el-input__suffix-inner { border-color: none; .el-ico...

直接引用Element中无限滚动结果出现以下问题百度之后才知道需要安装vue-infinite-scroll用法： npm install vue-infinite-scroll --save//main.js import infiniteScroll from "vue-infinite-scroll"; Vue.use(infiniteScroll);效果如下：...

注意：1.下面代码按钮和下拉框用的是element ui 框架2. 上一页下一页用的是字体图标// 父组件<template> <div> <Pagination :paginationData="paginationData" @paginationChange="paginationChange"></Pagination&gt...

左图是鼠标未移到选择框显示滚动条，右图是鼠标未移到选择框未显示滚动条<template> <div class="text-demo"> <!-- 滚动条 --> <el-select v-model="value" placeholder="请选择" ref="fieldSelect"> <el-option...

<template> <el-select v-model="value" @change="changeValue"> <el-option label="10%" :value="10"></el-option> <el-option label="20%" :value="20"></el-op...

<template> <div> <el-table stripe class="jx-table" :data="tableData" border ref="table" style="width: 100%"> <el-table-column prop="firstColumn" :label="firstColLabel"...

// html 代码 <el-table stripe class="jx-table" :data="tableData" :row-class-name="tableRowClassName" @cell-mouse-enter="showTooltip" @cell-mouse-leave="hide...

},methods: {//初始化数据init(data) {const newData = data.map(item => {return this.addValue(item);});this.optionData = newData;},//获取选中的数据handleDeptName() {this.vals = this.getCasc...

<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="年龄" prop="age"> <el-input v-model.number="rule...