Issues related to area scrolling using cli+mui in Vue

Below I will share with you an example code of Vue cli mui area scrolling. It has a good reference value and I hope it will be helpful to everyone.

vue cli mui is used together to achieve the effect of area rolling. The method is as follows

The first step is to introduce mui css js

@import url("/static/mui.min.css");

JS

import mui from '../../../static/mui.min.js';

Step 2

Write the area scrolling structure of structure mui It’s like this

 
 *写需要滚动的内容 
 

Paste part of my code below

 
 
 
 
{{item.name}}
 
 
 
 
 
 
{{food.name}}
 
{{food.description}}
 
 
 月售{{food.sellCount}} 好评率{{food.rating}}% 
 
 ￥{{food.price}} ￥{{food.oldPrice}} 
 
 
 
 
 
 
 

Write JS below

This will implement vue cli The mui area is scrolled.

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

Related articles:

How to use ztree in vue (detailed tutorial)

How to implement waterfall flow plug-in using JS

How to implement the function of converting html to pdf in JS

How to implement the pasteboard copy function using JS

The above is the detailed content of Issues related to area scrolling using cli+mui in Vue. For more information, please follow other related articles on the PHP Chinese website!