1. Element – UI Front-end UI component framework. When the table component is used, when the fixed column and horizontal scroll bar are used, when the scroll bar disappears, a line with a height of 1px will appear on the last line of the fixed column and the content will be covered
It turns out that when the scroll bar disappears, the height of the fixed column decreases. El-table__fixed-right {height: 100%! important; }
2. When the DropDown component is used, the sub-option cannot be bound to event processing
In a vue+ element-UI project, click events can be successfully bound by @click (@click= ‘fun’). But binding a click event to a child of the elementUI –DropDown component does not bind a successful solution with @click= ‘fun’ : Native = ‘fun’ when you use the DropDown component to bind click events, you need to add. Native to bind events successfully
3. Vue + element-UI project binding events, if the native method does not work, you can give priority to using the. Native qualifier method, generally can solve the problem
4. Write the key attribute to solve the problem that v-if does not take effect on the column, causing the page to freeze
5. When using the element UI select box, the @change event is triggered when the median value is selected, and the drop-down box disappears, but the select box is still in the focus state. You can see that the select box is still colored highlighted. So when I hit the Enter box again, the drop-down box shows up again, and the @change event is triggered again.
Solution: Bind disable to the select box and determine whether the condition is true or false.
6. Element merry-go-round — Cancel autoplay
Using autoplay provided on the official website does not work, so interval can be set to 0
7. Element admin page
PageSizes data must have an initial value of 10 or default to 10 if otherwise unchanged (10 data per page)