- 博客(22)
- 收藏
- 关注
原创 element组件中Tabs标签页tab切换时如何获取点击的tab名称
1.使用activeName,点击打印内容与点击的tab名称不一致,具体原因:Vue 的 (双向绑定)在 中是 异步更新的。你绑定了 ,但在点击 tab 后,Vue 还没来得及更新 ,你就立刻读取它了,因此拿到的是上一个 tab 的值(例如默认是 )。解决方案Element Plus 的 类型中, 就是点击的目标 tab。你可以直接用 判断,不用依赖 ,注意:如果直接使用 ,打印结果是undefined,因为 回调中 的结构 不是预期中的 类型,正确的 写法(注意 才是 name)。如下
2025-07-22 14:26:33
137
原创 vscode设置代码颜色
找到 “ 在 settings.json 中编辑 ”,点击打开 settings.json 文件,替换seettings.json中的内容,替换为如下代码。1.在vscode中点击插件市场,搜索Vetur,检索到之后点击安装。2.Vetur安装成功后,打开vscode设置。3. 打开设置后,搜索。
2025-06-16 15:23:32
724
原创 元素的alt和title属性有什么异同
解析:alt和title是HTML中图片元素常用的两个重要属性,它们有着不同的作用和显示效果。alt和title同时设置的时候,alt作为图片的替代文字出现,title是图片的解释文字。- alt属性对图片的可访问性很重要,有助于搜索引擎理解图片内容。- title属性作为图片的解释文字,鼠标悬停时显示提示信息。- title属性则主要用于提供额外的说明信息,增强用户体验。- alt属性作为图片的替代文字,在图片无法显示时出现。- 建议两个属性都合理设置,但各自发挥不同作用。
2025-05-21 15:50:04
154
原创 overflower的scrool属性
overflow:scroll 属性确实会在元素上强制显示滚动条,不管内容是否溢出都会出现滚动机制,这是该属性的标准行为。这个特性的设计初衷是为了保持页面布局的一致性。当内容可能动态变化时,预先显示滚动条可以避免布局的跳动,提供更好的用户体验。- 与overflow:auto的区别在于,auto只在需要时才显示滚动条。- 滚动条会占用一定的空间,这在计算元素实际可用空间时需要考虑。- 即使元素内容没有超出容器范围,也会显示水平和垂直滚动条。无论是否需要,用户代理都会提供一种滚动机制。
2025-05-21 15:48:05
476
原创 IOS移动端,表单input聚焦时页面放大的问题解析以及解决办法
方案三:用 JavaScript 强制修改:通过阻止手指触发放大。方案一:修改字体大小。方案二:mate设置。
2025-05-19 14:24:06
264
原创 页面引入地图后,页面部分元素点击失效,层级如何调整
在地图页面写其他内容,被地图层级挡住显示时可以在你想要展示内容组件中最大盒子的样式中使用pointer-events: none;如果需要有点击或者其他类似于点击的操作时,被地图影响时将pointer-events: none;改为pointer-events: auto;
2025-05-19 13:53:52
102
原创 Rem单位的使用
(创建一个css文件在main.js中引入),代码中单位用rem,要计算100px等于多少rem,您需要知道根字体大小(html或body元素的字体大小)的值。通常情况下,1rem等于根字体大小的值。在这种情况下,如果根字体大小设置为26.6667vw,那么100px等于多少rem可以通过以下公式计算:n/26.6667vw=x rem。所以,100px等于3.75rem。请注意,rem是相对于根字体大小的单位,因此如果根字体大小更改,1rem的值也会随之改变。
2025-05-19 13:50:59
217
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人