介绍
validatable: 是否使用组件内置的校验
autoCorrect: min > max 时自动换位、autoCorrect:true + allowHalf:false 时可能会将 null 变为 0
allowHalf: 是否允许「一个数字、一个 null」、autoCorrect:true + allowHalf:false 时将 null 变为 0
用法
<NumberRange v-model:value="form.valueRange" />
<NumberRange v-model:value="form.valueRange" :allowHalf="false"...
自定义组件内部在 blur 和 change 后增加：
import emitter from 'element-ui/src/mixins/emitter';
let {
methods: { dispatch },
} = emitter;
methods: {
onChange () {
dispatch.call(this, 'ElFormItem', 'el.form.change', this.value);
},
onBlur () {
dispatch.call(this, 'ElFormItem', 'el.form.blur', this.value);
}
}
也可...
用法
this.$dialog.show({
title: "Dialog",
width: "50%",
data: { name: "name", age: 18 }, // 非编辑时此项可省略
option: {
confirmText: "保存", // 可省
columns: [
{
label: "姓名",
prop: "name",
rules: [
{
required: true,
message: &quo...
const packageInfo = require('./package.json');
const fs = require('fs');
const gitHEAD = fs.readFileSync('.git/HEAD', 'utf-8').trim();
const ref = gitHEAD.split(': ')[1];
let version = packageInfo.version;
let commitId = '';
if (ref) {
commitId = fs.readFileSync('.git/' + ref, 'utf-8').trim();
} ...
当服务器宕机时，同一个页面的所有接口都会报错，导致页面出现一堆消息，本文方法可以让相同内容的消息只显示最后一个。
不支持 .error() 式的用法。
操作步骤
编辑 main.js，添加以下代码：
import { Message } from 'element-ui';
var MessageStack = [];
Vue.prototype.msg = function(config = {}) {
MessageStack.forEach(function(item = {}) {
if (item.message == config.message &&...
用法
<template>
<VideoUploader v-model="video" :width="400" :height="300" @cover="saveVideoCover" />
<img :src="cover" v-if="cover" />
</template>
<script>
export default {
data() {
return {
video: null, // 视频地址
cover: null, // 封面地址
};...
注：以下代码仅支持向下合并单元格，不支水平合并单元格。
<el-table :data="list" :span-method="cellRowSpanConfig" border>
<el-table-column label="序号" type="index" align="center" fixed>
<template slot-scope="scope">
<span>{{ (pager.page - 1) * pager.size + scope.$index + 1 }}</span>
<...
