国家选择组件
一、ml-country-selector是什么?
"ml-country-selector基于typescript实现和rollup打包,是一款开箱即用的选择国家名称前端组件,支持自定义国家名称数据
在线demo:
点击即可在线查看效果>>>
二、使用步骤
(一)、npm方式
1.引入库
代码如下(示例):
npm i ml-country-selector -S
注意如果是npm方式就需要这样引入
import {
mlCountrySelector } from 'ml-country-selector';
(二)、umd方式
<script src="http://luckycola.com.cn/public/demos/countrySelecor/dist/index.js"></script>
2.初始化使用
在需要的地方初始化使用,demo如下:
注意必须提供一个容器元素
代码如下(示例):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="../dist/index.js"></script>
<style>
#container {
width: 100vw;
height: 100vh;
overflow: scroll;
border-color: aqua;