
前端问题
小白找兔子
这个作者很懒,什么都没留下…
展开
-
react项目中<img />标签引入图片方式
问题描述在react 项目中,当我向通过img标签的src属性引入图片时,发现我写的相对路径经过页面渲染后变成了相对于项目的根目录路径。如下图:项目中我引入图片的方式页面渲染出来后src里的路径从上面的两张图中我们可以看出,img的相对路径并不像我们想象中的那样,它相对的是项目的根目录,所以我的照片自然找不到路径而不能正常渲染出来。解决方法写在最后: 如有错误,欢迎指正...原创 2021-01-23 19:21:15 · 4283 阅读 · 1 评论 -
谈谈Vue中对“插槽不是响应性的”这句话的理解
业务场景注意到这句话是因为我在业务中遇上了点麻烦,类似上图,我有一个容器box组件,里面分为header和container,header可以通过label属性进行文字的定制,而container部分则放了个插槽标签,因此可在标签体(以下简称标签体)内传入内容。现在的业务要求是,如果我给box组件传入hidden=“true”,并且标签体里面没有任何东西,则整个box组件都不显示(hidden默认为false,标签体没有数据时,box正常显示)。为了实现这个效果,我在box组件最外层的div增加了原创 2021-01-14 23:43:50 · 1842 阅读 · 3 评论 -
配置webpack的externals出现Vue is not defined的问题
场景当在优化项目的时候,因为打包出来的chunk-vendors体积太大,这是因为在项目中使用到的依赖和插件都默认打包到该文件当中,为缩小它的体积,优化页面加载速度,对插件和依赖采用外部CDN加载,这个时候就需要配置webpack的externals节点,并且在项目的index.html中有问题与解决我所遇到的问题是,在配置完externals节点之后,项目无法启动,控制台打印出了Vue is not defined的错误,其中vue就是我配置的其中一个,经过检查,我才发现,我将externals节点进原创 2020-12-23 21:32:24 · 5925 阅读 · 1 评论 -
vue中使用Echarts时初始化init方法找不到
问题今天在使用Echarts绘制图表时,发现在使用的过程中出现了下列的错误解决先确认是否正确安装和引入Echarts,具体可以看官网Echarts入门教程,如果安装和引入没有问题,尝试使用低版本的Echarts,我今天使用的最新版本就出现这种问题,换了低版本就可以了。怎么查看Echarts版本,看这里我的问题也是看了他的博客解决的...原创 2020-12-22 23:25:04 · 4976 阅读 · 0 评论 -
mint-ui官网无法打开的解决方法
看了网上的解决方案,大体有两种,一种是将http协议更改为https协议,即mint-ui官方地址,今天就说说第二种方式step1:前往“站长工具”查询mint-ui.github.io的DNS站长工具路径step2:找到TTL值最小的那个的ip地址 和 unit-ui的网址对应关系,配置到hosts文件中step3:修改hosts配置文件如下,该另外一种就是修改hosts文件,该文件本地上的地址一般为C:\Windows\System32\drivers\etc但是在这个过程中,可能会出现hos原创 2020-11-03 17:26:54 · 2451 阅读 · 0 评论 -
微信小程序scroll-view组件scroll-top设置后无效
引用scroll-view视图容器<scroll-view class="right-content" scroll-y scroll-top="{{backTop}}">内容</scroll-view>在js文件中定义backtop变量data: { // 设置每次切换分类从头开始浏览 backTop: 0 }做了以上的工作后发现并没有像预期的一样,后来看了网上的几篇文章,说是在backTop的值没改变的情况下,微信小程序自带的框架出于性能的考原创 2020-07-26 16:01:37 · 1812 阅读 · 3 评论 -
Vue中在mounted中能获取this.$refs但是获取不到属性的一种情况(路由懒加载)
一、问题描述 在Vue中的组件钩子函数mounted中,通过this.$refs无法获取某个组件,且该组件没有用到v-for、v-if、v-show等vue指令<!--组件标签--><scroll class="content"ref="scroll"></scroll><!--组件脚本-->export default { mounted() { console.log(this.$refs); }}输出结果:可以看到t.原创 2020-07-17 01:26:29 · 10640 阅读 · 2 评论