Vuecli uses element/custom body color/form [detailed explanation] -- form validation, form elements are arranged in one line, commonly used form elements, and error reporting, etc.

For the element to be used

Official website link

Custom theme color steps

Form [Detailed Explanation]-- Form validation, form elements are arranged in one line, commonly used form elements

element-ui sequence number increment

The element-ui button component sets the size globally

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

Use element in js file

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

Solve the console Prop being mutated: "placement" error

resolve link

Error reporting scenario: Open the parent-child communication in the bullet box and change the value of the child element
Solution 2:

添加: placement="bottom-start"

example

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

Page number reset

It is necessary to first assign the current page a value of 1, and then assign the total number of values ​​to 0, the order cannot be reversed