前言
在图书馆网站中，经常需要通过跨库搜索按钮，调用外部文献检索平台进行检索。npm 包 primo-explore-worldcat-button 就提供了一种实现该功能的便捷方式。
本文将介绍 npm 包 primo-explore-worldcat-button 的使用方法，帮助前端开发者快速实现跨库搜索功能。
安装
首先，你需要使用 npm 安装 primo-explore-worldcat-button：
npm i primo-explore-worldcat-button
引入
在应用中引入 primo-explore-worldcat-button：
import 'primo-explore-worldcat-button';
然后，在 primo-explore 配置文件的 html 中加入 <worldcat-button></worldcat-button>，即可显示跨库搜索按钮。
示例代码：
<worldcat-button></worldcat-button>
配置
primo-explore-worldcat-button 的默认参数可以在应用的 config.js 中配置。以下是一些常用的参数：
search-label: 搜索按钮上的文字。search-url: 跳转到的外部检索平台的 URL。
示例代码：
app.constant('worldcatButtonConfig', {
searchLabel: '跨库搜索',
searchUrl: 'http://www.worldcat.org/search?qt=worldcat_org_all&q='
});案例
本次案例中，我们将用 primo-explore-worldcat-button 实现一个跨库搜索英美文学资源的功能。
首先，在 config.js 中配置 primo-explore-worldcat-button 相关参数：
app.constant('worldcatButtonConfig', {
searchLabel: '跨库搜索英美文学',
searchUrl: 'http://www.worldcat.org/search?qt=worldcat_org_all&q=english+OR+american+literature'
});然后，在页面中添加跨库搜索按钮：
-- -------------------- ---- -------
---------
---------------
--- -------------------------------
----------------
-----------------
----------------------
-----------------------------------
------------------
----------最后，刷新页面，点击跨库搜索按钮，即可在外部检索平台上找到与英美文学相关的资源。
总结
npm 包 primo-explore-worldcat-button 是一个方便快捷地实现跨库搜索功能的工具，本文介绍了其基本用法与配置，并给出了一个简单的案例。
当然，本文只是初步介绍，还有很多细节需要发现和掌握。希望本文能够帮助前端开发者快速上手 primo-explore-worldcat-button，并通过多次探索和尝试，进一步掌握其精髓。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055eb681e8991b448dc642