vue中检测敏感词,锚点

摘要:
如果标题中有敏感词,并且成功检测到带有敏感词的界面,center:false})。则(()=>

当发布文章的时候,标题有敏感词

则检测有敏感词的接口成功的时候,写锚点

eg:vue中检测敏感词,锚点第1张

_this
.$alert("检测到标题有敏感词,请修改后再发布", "提示", {
cancelButtonText: "取消",
confirmButtonText: "确定",
showCancelButton: false,
customClass: "applySuccessBox",
cancelButtonClass: "cancelButtonClass",
confirmButtonClass: "confirmButtonClass",
showClose: false,
center: true,
lockScroll: false
})
.then(() => {
var anchor = _this.$el.querySelector('#myTitle')
document.body.scrollTop = anchor.offsetTop
这里应该再加一句话
document.documentElement.scrollTop = anchor.offsetTop

})
.catch(() => {});
在标题那里加个id=
myTitle
就可以了

 *****************************************************************************************************************

上面这么做有bug,360急速模式可以滚动,但是谷歌切没法滚动,这就尴尬了啊

那是应为

谷歌浏览器只认识document.body.scrollTop;

注:标准浏览器是只认识

document.documentElement.scrollTop的,但chrome虽然我感觉比firefox还标准,但却不认识这个,在有文档声明时,chrome也只认识document.body.scrollTop
因为document.body.scrollTop与document.documentElement.scrollTop两者有个特点,就是同时只会有一个值生效
经过我实验谷歌只认识
document.documentElement.scrollTop
其他标准认识
document.body.scrollTop

区别在于
body是DOM对象里的body子节点,即 <body> 标签; 
documentElement 是整个节点树的根节点root,即<html> 标签; 
所以兼容写法
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
当你定义一个id作为锚点(能拿到苗点到顶部距离),点击时要跳到苗点的话就用
vue 中
let anchor = _this.$el.querySelector('#myTitle')

document.documentElement.scrollTop = anchor.offsetTop
document.body.scrollTop = anchor.offsetTop

免责声明:文章转载自《vue中检测敏感词,锚点》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇tag应用如何根据metadata内容杀指定应用如何在CentOS 8服务器安装oVirt开源虚拟化管理系统下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

VSCode 开发Vue 代码格式化setting.json设置

  { // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候将代码按eslint格式进行修复 "eslint.autoFixO...

Java 读取Word标题(目录)

概述 Word中的标题可通过“样式”中的选项来快速设置(如图1), 图1 在添加目录时,可将“有效样式”设置为“目录级别”显示(如图2),一定程度上来说,标题大纲也可以作为目录来参考。 图2 本文,将通过后端Java程序代码介绍如何来获取Word中的标题内容。 注:如果在Word中进行了如图2中的设置,此方法也可以作为获取目录的方法;若没有对应设置,则...

IOS开发--仿制网易新闻

学习来源:袁峥老师的《快速集成App中顶部标题滚动条》 此次博文写的是按需求分析写代码,思路条理性杠杠的,可以提高的编码实现速度哦。 效果:   根据这个网易新闻的界面,需求分析:     需要的对象:           1、导航控制器默认会生成的导航条,上面可以设置title(当然也可以另外自定义View设置导航条title)           2...

WordPress标题函数wp_title()详解

在wp_title()中通常是在页面头部的title元素中。当wp_title()在主页主循环(loop)外时,可以用在模板的任何地方。 用法: 1 <?php wp_title( $sep, $echo, $seplocation ); ?> 参数: $sep (字符串)(可选)显示在文章标题前后的文字信息(如分隔符)。 默认情况下(若分隔...

vis.js 关系图 插件 配置项

vis.js 关系图 插件 配置项 关系图的配置 var options = { nodes: { borderWidth: 1, borderWidthSelected: 1, brokenImage: undefined, chose...

SpringBoot查看哪些配置类自动生效

在配置文件中写debug=true(默认是false), 在application.propertion或则在application.yaml中写 运行就可以了在控制台查看到。 =========== AUTO-CONFIGURATION REPORT =========== Positive matches:(启用的) ------------- 会打印...