当前位置: 开发笔记 > 编程语言 > 正文

vue如何实现锚点

作者：yangchang78179 | 来源：互联网 | 2023-09-01 08:55

原标题：vue如何实现锚点最近遇到一个需求，进入页面，滚动到锚点位置。如何实现？在router文件下的index.js中配置：

原标题：vue 如何实现锚点

最近遇到一个需求，进入页面，滚动到锚点位置。

如何实现？

在router文件下的index.js中

配置：

1.配置

2.路由跳转

文章来源地址31353.html

3.设置锚点

最后，我遇到了一个问题，你npm run build 生成项目后测文章来源站点https://www.yii666.com/试，第一次进入成功，然后在页面中操作一波，刷新，网页打开失败，

显示找不到资源。（不知别人有没有遇到过文章来源地址31353.html）

解决方案：将router文件夹下index.js中的mode:"history" 注释掉。www.yii666.com

www.yii666.com

来源于：vue 如何实现锚点

推荐阅读

https
Windows下配置PHP5.6的方法及注意事项

本文介绍了在Windows系统下配置PHP5.6的步骤及注意事项，包括下载PHP5.6、解压并配置IIS、添加模块映射、测试等。同时提供了一些常见问题的解决方法，如下载缺失的msvcr110.dll文件等。通过本文的指导，读者可以轻松地在Windows系统下配置PHP5.6，并解决一些常见的配置问题。 ... [详细]

蜡笔小新 2023-12-14 12:37:25
ip
1 Vue基础

Vue基础一、什么是Vue1.1概念Vue(读音vjuː，类似于view)是一套用于构建用户界面的渐进式JavaScript框架，与其它大型框架不 ... [详细]

蜡笔小新 2023-10-17 19:45:53
jsp
用 nodeimages 打造简易图片服务器

必须先赞下国人npm库作品：node-images（https:github.comzhangyuanweinode-images），封装了跨平台的C++逻辑，形成nodejsAP ... [详细]

蜡笔小新 2023-10-17 16:34:14
web
React 小白初入门

推荐学习：React官方文档：https:react.docschina.orgReact菜鸟教程：https:www.runoob.c ... [详细]

蜡笔小新 2023-10-17 16:10:45
jsp
Node.js开发札记之二·页面篇

前言：原本纠结于Web 模板，选了Handlebars。后来发现页面都是弱逻辑的，不支持复杂逻辑表达式。几乎要放弃之际，想起了Javascript中eval函数。虽然eval函 ... [详细]

蜡笔小新 2023-10-16 18:51:50
jsp
.babelrc参数小解

.babelrc是用来设置转码规则和插件的，这种文件在window上无法直接创建，也无法在HBuilder中创建，甚至无法查看，但可以在sublimetext中创建、查看并编辑。当 ... [详细]

蜡笔小新 2023-10-16 17:27:48
jsp
基于layUI的图片上传前预览功能的2种实现方式

本文介绍了基于layUI的图片上传前预览功能的两种实现方式：一种是使用blob+FileReader，另一种是使用layUI自带的参数。通过选择文件后点击文件名，在页面中间弹窗内预览图片。其中，layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块，并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]

蜡笔小新 2023-12-14 17:06:58
jsp
Hibernate基础映射

在说Hibernate映射前，我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象，以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]

蜡笔小新 2023-12-14 10:57:47
jsp
SpringBoot集成前端模版（thymeleaf）的配置步骤

本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤，包括在application.properties配置文件中添加thymeleaf的配置信息，引入thymeleaf的jar包，以及创建PageController并添加index方法。 ... [详细]

蜡笔小新 2023-12-14 10:11:46
process
Vue项目优化上线

1.移除consol.log()的babel插件安装：npmibabel-plugin-transform-remove-console-D配置：babel.config.js：这 ... [详细]

蜡笔小新 2023-10-17 07:57:34
web
Node.js开发札记之二·页面篇

前言：原本纠结于Web模板，选了Handlebars。后来发现页面都是弱逻辑的，不支持复杂逻辑表达式。几乎要放弃之际，想起了Javascript中ev ... [详细]

蜡笔小新 2023-10-16 23:59:51
import
ReactJS UI Ant 设计空组件

ReactJSUIAnt设计空组件原文:https://w ... [详细]

蜡笔小新 2023-10-16 22:08:13
web
Webpack babel ES6 转ES5

npminstall-Dbabelcorebabelpreset-envbabelplugin-transform-runtimebabelpolyfillbabel-loader ... [详细]

蜡笔小新 2023-10-16 19:57:15
web
以数据驱动品牌，为出海强势护航原创

原标题：以数 ... [详细]

蜡笔小新 2023-10-15 17:26:28
import
Python中numpy.power()函数介绍

原标题：Python中numpy.power()函数介绍Python中numpy.power()函数介绍power(x,y)函数， ... [详细]

蜡笔小新 2023-10-15 11:40:25

yangchang78179

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章