rta_bh的博客

js通讯录按照首字母排序

这篇文章将为大家详细讲解有关如何在vue3.0中实现自适应不同分辨率，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。首先我们需要要安装一些依赖npmilib-flexible-computer-S//根节点会根据页面视口变化而变化font-size大小npmipx2rem-loader-D//自动将px转换为remnpmipostcss-px2rem//将代码中px自动转化成对应的rem的一个插件这里要和大家说的就是lib-...

一、图片固定宽高（这种情况比较适合在不知道图片宽高比例的情况下的图片列表）不考虑拉伸只考虑固定宽高直接使用css给图片固定宽高。 在考虑拉伸不考虑固定宽高的情况下也就是需要等比的情况下，只需要给图片一个宽度就行了，会自适应一个高度。 两者都考虑的情况目前有两种办法： ①、使用img做载体给一个固定宽高，使用css中的object-fit:cover属性，注意: Internet Explorer/Edge 15 或更早版本的浏览器不支持 object-fit 属性。 ②、使用div做载体给一个固

文章引用vue使用swiper这次记录主要是记录swiper6的使用，网上多是以前的版本，但是好像vue3可以直接使用swiper6，不需要这个大佬的awesome插件了，所以就有了很多问题。其中的重点是组件使用的是大佬的组件，原因就是swiper/vue下找不到这些组件，然后参数类也是用的options来传参，但是事件都是直接绑定到swiper上。通过ref来访问实例。局部使用：<template> <div> <swiper ref=

因项目需求，我把同一个界面中的两个部分拆分成了两个组件，但是之间又有关联，需要用户在一个组件中输入参数，然后再另一个组件需要这个参数来进行操作。就像商城中的搜索（组件A），然后展示列表（组件B），组件A给组件B传入输入的参数为组件B筛选列表使用。经过我在网上搜索的方法，和后来项目遇到子路由需要调用父路由的方法，我在另外一个博客也写了，同样适用本例，原理都是一样的。下面我主要写第一个方法。另外一种方法你可以去看我的另外一个博客。这个方法很简单，我把原理先说一下，单独创建一个js文件用来创建一个新的vu

在开发项目中遇到了这么个问题，因为在父路由界面中有部分是子路由的内容，而问题是子路由的操作完成后需要调用父路由的一个方法来改变父路由中的样式。如果是组件的话，那么就简单很多了，但是我用的是路由的方式。后来搜索了好多百度方法，都是讲父子组件传值的方法。哎！幸好遇到了一个博客说了一个方法，我试了一下，嗯完美！成功解决。哪个博客忘了。。。！直接下代码：父路由页面：<template> <router-view></router-view></tem

之前遇到一个需求，电商主页中鼠标悬停到某个a标签上面，下面就会出现一个div框，里面有各种选项。这里的主要问题是，如何做到鼠标悬停出现下拉框，并且鼠标移走下拉框和标签后下拉框消失。网上有很多做法，有的是使用v-if判断做的（不靠谱），有的是说延迟几毫秒后判断是否在div框上，如果在，则不消失，如果不在，则消失（有点麻烦）。后来我又测试了几个最终我认为还不错又简单的（之前都想的太复杂，原谅我的无知），上代码。创建一个vue文件把大概模板（具体模板我就不写了）弄好之后写两个同级div,其中一个为标签，另一个