uni-app引用第三方插件（根据银行卡卡号查询银行类型和卡类型）

本是古典何须时尚 2023-06-14 04:08 10阅读 0赞

### **1.npm下载（我们以银行卡卡号查询银行类型和卡类型插件：bankcardinfo为例）：** ###

npm install bankcardinfo --save-dev

### 2.下载后，你可以在package.json文件里面来查看是否下载成功（如果有就成功了） ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pFRkZfbHV5aWR1YW4_size_16_color_FFFFFF_t_70][]

注意：你如果在文件中找不到package.json文件：请在项目根目录执行命令初始化npm工程：

npm init -y

3.在文件中去使用：

<template>
    	<view>
    		<view @tap="nextStep">下一步</view>
    	</view>
    </template>
    <script>
    	import BIN from "bankcardinfo"
    	export default {
    		methods: {
    			nextStep() {
    				// promise 方式调用, 2.0.0 及以上版本支持
    				BIN.getBankBin('23156413456123161')
    					.then(function(data) {
    						console.log(data)
    					})
    					.catch(function(err) {
    						console.log(err)
    					})
    			}
    		}
    	}
    </script>

### 我参考的文章，链接如下： ###

### [https://uniapp.dcloud.io/frame?id=npm%e6%94%af%e6%8c%81][https_uniapp.dcloud.io_frame_id_npm_e6_94_af_e6_8c_81] ###

### [https://www.jianshu.com/p/d0a06e6b87a7][https_www.jianshu.com_p_d0a06e6b87a7] ###

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pFRkZfbHV5aWR1YW4_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191118102458186.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0pFRkZfbHV5aWR1YW4=,size_16,color_FFFFFF,t_70
[https_uniapp.dcloud.io_frame_id_npm_e6_94_af_e6_8c_81]: https://uniapp.dcloud.io/frame?id=npm%E6%94%AF%E6%8C%81
[https_www.jianshu.com_p_d0a06e6b87a7]: https://www.jianshu.com/p/d0a06e6b87a7