Skip to content

8.vue前端遇到的问题

JustCoding-Hai edited this page Nov 8, 2020 · 1 revision

修改ElementUI的Input样式

  • elementui+vue项目中,在当前vue文件中使用style scoped包裹的样式中重置input框的样式无法生效
  • 方式:在本页面重新定义style样式且不需要写scoped即可生效
  • 注意:为了不影响其他位置的元素样式,需要定义一个特定的class类名便于区分
<style>
//修改input的样式,为了不覆盖本组件其他处的样式,需要自定义一个类名

.myClass input.el-input__inner {
    border-radius:15px
}

</style>

<style scope>
    //写自己的样式
</style>

ERROR in Cannot find module 'node-sass'(已解决)

ERROR in Cannot find module 'node-sass'

错误表示找不到node-sass模块。

因为cnpm安装导致的,换成npm安装就好

或者cnpm install node-sass@latest

解决方法:

输入命令:cnpm install node-sass@latest

JavaScript的Date.getMonth函数获取的月份少一个月

getMonth()函数获取的月份是0-11 ,所以+1就对了。

el-scroller的使用

使用el-scroller显示用户列表,官网无介绍文档,另一种方案是使用无限滚动条,像分页那样请求数据

<!--用户列表-->
		<el-scrollbar      wrap-class="userList" wrap-style="height:600px;"
											 view-class="view-box" view-style="height:100%;"
											 :native="false">
                                                 </el-scrollbar>                                  

博客介绍:

1.https://www.jianshu.com/p/65089f044a3d

2.https://www.jianshu.com/p/b371db8fe66a

InfiniteScroll 无限滚动条的使用:

1.https://www.jianshu.com/p/4ce227a72cd0

2.https://www.cnblogs.com/ttjm/p/11714757.html