大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
现在大部分电商的网站、app都需要用户或者管理者去选择设置地区等位置信息。下面我就介绍一下前端开发者用vue,axios,element-ui开发一个省市区三级联动的组件。
公司专注于为企业提供成都网站制作、网站建设、微信公众号开发、商城建设,成都微信小程序,软件按需求定制网站等一站式互联网企业服务。凭借多年丰富的经验,我们会仔细了解各客户的需求而做出多方面的分析、设计、整合,为客户设计出具风格及创意性的商业解决方案,创新互联建站更提供一系列网站制作和网站推广的服务。1.准备工作,首先我们需要全中国的省市区资源的json数据(科普一下:前六位数字是身份证前六位)
2.搭建vue-cli,安装axios,element-ui,创建vue,webpack项目
1).
在控制台或者终端执行以下代码,其中只需要路由(y),其他e2e,eslint这些不需要(y)
vue init webpack threelink
cd threelink
npm run dev
把没用的组件删除,重新创建组件
npm install axios --save ,安装axios
npm i element-ui -S(这是缩写) , 安装element-ui
2).
在项目threelink->src->main.js里面添加,调用element-ui插件得代码
// 加载element_ui import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI)
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。