vuecli使用element/自定义主体色/表单【详解】-- 表单校验，表单元素排列在一行，常用表单元素,及报错等

使用elementui

官网链接

自定义主题色步骤

表单【详解】-- 表单校验，表单元素排列在一行，常用表单元素

element-ui 序号递增

element-ui按钮组件全局设置size大小

import Element from 'element-ui';
Vue.use(Element, { size: 'small', zIndex: 3000 });

prop来传值处理数据

el-table-column中必须是prop来传值怎么处理数据
使用属性formatter

<el-table-column prop="scale" label="分润比例" width="180" :formatter="state"></el-table-column>

methods:{
  state(row, column) {
       return row.scale * 100 + '%'
  },

js文件中使用element

import {
  Message,
  MessageBox
} from 'element-ui'

解决控制台Prop being mutated: “placement“报错

解决链接

报错场景: 打开弹框 父子通信,改变子元素的值
解决方法2:

添加: placement="bottom-start"

示例

<el-date-picker class="times" placement="bottom-start" v-model="value1" type="date"
 placeholder="选择日期">
</el-date-picker>

页码重置

需要先将当前页赋值为1,然后在将总数赋值为0,顺序不能反