【vue】使用无障碍工具条(详细)

引入:使用的是太阳湾的无障碍工具条,代码地址:https://gitee.com/tywAmblyopia/ToolsUI
具体步骤:下载代码后,将其中的 canyou 文件夹拖入 vue 项目中的 public 文件夹中;
【vue】使用无障碍工具条(详细)_第1张图片
上图是在项目目录中的样子,记得不要改文件夹的名字,就叫 canyou
然后在 vue 项目中的 public/index.html 文件中引入 1.8 以上版本的 jquery,和 canyou 文件夹中的 wza.min.js 文件,最后在 中引入

<a id="wzayd" title="网站信息无障碍工具条" href="javascript:;" class="wzayd" accesskey="g">无障碍阅读a> 

如图:
【vue】使用无障碍工具条(详细)_第2张图片
我 jquery 引入的方式是 cdn 引入,如果改为本地导入会出现报错:
在这里插入图片描述
演示:
【vue】使用无障碍工具条(详细)_第3张图片

你可能感兴趣的:(Vue,vue.js,前端,javascript,无障碍,jquery)