2024-03-20上面两种是直接报错，但是下面这一种看似已经启动了（因为可以通过localhost:27017访问到），但是登录的时候还是报错（和上面一样）_error: couldn't connect to server 127.0.0.1:27017, connection attempt failed

https://www.qianduange.cn//article/3940.html 分类：前端知识

2024-03-17循环遍历您的item列表，并为每个item创建一个独立的echarts实例。在创建实例时，您可以将实例添加到。钩子函数 (或者定义的函数中) 中，使用。2. 在Vue组件的。_vue获取循环的echart

https://www.qianduange.cn//article/3913.html 分类：前端知识

2024-03-17ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目。ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。可以流畅的运行在 PC 和移动_echart图表

https://www.qianduange.cn//article/3910.html 分类：前端知识

2024-03-17有个需求要让不同分辨率都适配到1080P的效果，以15.6寸1080P笔记本为例，页面缩放默认一般是125%，要显示真正的1080P一般是调整浏览器缩放80%（Edge），也有部分浏览器默认时125%则缩放到100%。那么能不能通过CSS实现？我看到主流的处理方法是：确实可以达到效果，但是当使用Echart、Element部分组件时，会出现鼠标定位偏移问题，我就不列举了，因为能查到这里一般是遇到了问题的。那么有没有平替方案呢？当然有：我们通过scale实现的效果和zoom几乎一模一样，同时避免了_js zoom

https://www.qianduange.cn//article/3907.html 分类：前端知识

2024-03-17新建了一个vue3项目引入路由的时候报这个语法错误，检查版本什么都没问题写法也对，看字面意思是解析不了template。没细想就下了一个template解释器 npm i vue-template-compiler。纠结了一下想起来我引入的一个路由的文件（vue文件）因为新建还没有写html部分也就是个空文件。所以把这个个template结构加上后就好了。_at least one or is required in a single file component.

https://www.qianduange.cn//article/3905.html 分类：前端知识

2024-03-17uniapp项目安装pinia2.1版本后，编译项目报错"hasInjectionContext" is not exported by "node_modules/vue-demi/lib/index.mjs", imported by "node_modules/pinia/dist/pinia.mjs".将pinia的版本改成2.0.36，重新编译，就不报错了。_hasinjectioncontext" is not exported by "node_modules/vue-demi/lib/index.mj

https://www.qianduange.cn//article/3904.html 分类：前端知识

2024-03-17今天和大家讲一下Element Plus和Element UI这两个组件库中表格的插槽使用方法，一般情况下vue2使用Element UI这个组件库，表格组件的插槽的话一般都是使用v-slot，而vue3使用Element Plus组件库，表格组件中插槽一般为#default，下面就来讲一下这两个。以上就是本章的全部内容，自己总结的，可能想法会有不同之处，希望能够帮助到您。_element ui plus

https://www.qianduange.cn//article/3900.html 分类：前端知识

2024-03-179、 表单控件 calendar , date , time , email , url , search , tel , file , number。transform: translate(x,y) rotate(x,y) skew(x,y) scale(x,y)间来回传递，而 sessionStorage 和 localStorage 不会自动把数据发送给服务器，仅在本地保存。1、cookie 数据始终在同源的 http 请求中携带（即使不需要），即 cookie 在浏览器和服务器。

https://www.qianduange.cn//article/3897.html 分类：前端知识

2024-03-17主要是用于修改很多vue常用的组件库（element, vant, AntDesigin），虽然配好了样式但是还是需要更改其他的样式就需要用到样式穿透。原因就是Scoped 搞的鬼 他在进行PostCss转化的时候把元素选择器默认放在了最后。上面提到第三条的规则 因为当前组件标签是没有这个属性标签的，所以无法修改样式。渲染出来的内容，因为它们被认为是父组件所持有并传递进来的。使用场景：在使用插槽组件的时候写样式，默认不会影响。转译实现的），达到样式私有化模块化的目的。对于使用了自定义注入名称的。_vue3 css

https://www.qianduange.cn//article/3872.html 分类：前端知识

2024-03-17ElementPlus的el-data-picker没有picker-options属性，但是提供了default-value属性可以设置不可选的日期。这里我们定义一个方法disabledDateFun用来筛选符合要求的日期，接受一个date格式的对象作为参数，返回格式为Boolean。其中我为了让选择年份后，默认日期变为所选年份的日期，设置了default-value，参考。如图，选年份为2022则，默认可选范围为2022年内所有日期，其余为灰色不可选。_element ui日期选择器 vue3

https://www.qianduange.cn//article/3867.html 分类：前端知识