引入:使用的是太阳湾的无障碍工具条,代码地址:https://gitee.com/tywAmblyopia/ToolsUI
具体步骤:下载代码后,将其中的 canyou
文件夹拖入 vue 项目中的 public
文件夹中;
上图是在项目目录中的样子,记得不要改文件夹的名字,就叫 canyou
;
然后在 vue 项目中的 public/index.html
文件中引入 1.8 以上版本的 jquery
,和 canyou 文件夹中的 wza.min.js
文件,最后在 中引入
<a id="wzayd" title="网站信息无障碍工具条" href="javascript:;" class="wzayd" accesskey="g">无障碍阅读a>
如图:
我 jquery 引入的方式是 cdn 引入,如果改为本地导入会出现报错:
演示: