写个文章来解决下用Element-ui这个插件遇到得坑<!--省市三级联动-->
<el-cascader
placeholder="请选择"
<!--提示部分-->
v-model="location"
<!--v-model绑定得是选定之后得数据，比如选定了四川成都青羊区，那么这个绑定得数据是一个数组，一共有三个位置，0是省（四川）、1是市（成都）、
我真的没想到这个会困扰到我。最开始以为，不就是直接找个简单的插件就实现了吗，jquery插件找了几个，都没有达到目的。需求是这样的：点击input框，弹出一个popup，然后可以滚动选择省，市，县。他们三者是联动的，同时也可以只选择省，或者省市，或者省市县。就是这个需求，感觉有点为难到我了。也可能是昨天感冒了，一天头都晕，又开各种会各种培训。。哈哈哈，不扯了。。。 数据哪里来？去下载一个
转载
2023-05-22 15:13:35
484阅读
在vue中实现级联选择器还是很简单，如果我们用到iview这个UI组件库，其中Cascader级联选择组件中对数据有较严格要求，每项数据至少包含 value、label 两项，子集为 children，以此类推。<template>
<Cascader :data="provs" v-model="city"></Cascader>
</templ
转载
2024-07-04 16:15:43
105阅读
路由概念：维护页面访问路径和对应页面组件之间的关系 项目中安装路由：npm i vue-router -S一、路由基本使用流程导入路由模块注册插件定义路由规则数据创建路由对象导出路由对象vue实例文件中挂载在根组件中通过router-view添加路由占位符在根组件中通过router-link创建路由导航链接// 1-导入路由模块
import Vue from 'vue';
import Rout
在中国经济发展40年后，当下经济发展的底层逻辑已发生了根本性变化。企业发展所面临的问题，投资所思考的方向也已不同以往。一味再强调本地资源优势，介绍当地优惠政策的招商工作方式不再适应当下形式，往往反而会导致忽略企业的真实需求。招商引资战略，从本质上已升级为解决落地企业困难的服务型战略。可以说，谁能站在互惠共赢的角度，急企业之所急真正为企业做好服务，谁才能赢得企业的信赖，抢抓机遇打好产业招商的擂台赛。
转载
2023-10-25 22:45:29
76阅读
全国地区数据会很大,我们可以直接用这个地址 https://yjy-oss-files.oss-cn-zhangjiakou.aliyuncs.com/tuxian/area.json实现的效果如下: 考虑到城市组件也会在项目其它地方使用,所以把城市组件定义成全局组件。来复习一下vue3.0中,将组件封装成全局的: 1.src/components 下新建.vue文件
转载
2024-02-28 10:17:14
1261阅读
以下是JS省市联动菜单代码：代码一：
<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
//定义 城市 数据数组
cityArray = new Array();
转载
2024-06-07 20:08:46
60阅读
跨域设置 http://www.ituring.com.cn/article/200275 打包 npm adduser 如果长时间不登录，可能会过期，使用 npm login 进行登录就可以 pu
原创
2021-07-23 11:32:15
393阅读
eslint用于代码检查，prettier用于代码格式化，具体操作如下1.安装以下eslint插件
安装以下eslint插件，并增加.eslintrc.js配置文件，.eslintignore配置忽略检查的文件（1）eslint
用于检查和标示出ECMAScript/JavaScript代码规范问题工具。
（2）@babel/eslint-parser
简而言之就是一个解析器，允许您使用ES
转载
2024-05-29 12:57:59
283阅读
main.js App.vue action.js getters.js index.js mutation.js types.js
转载
2017-06-24 05:50:00
220阅读
vue2
原创
2021-08-01 18:40:40
412阅读
最近项目开发中遇到需要用到ie浏览器的情况，因为是内网开发，大致记录下兼容过程。问题1：ie11浏览器页面无法加载首先遇到的问题是谷歌浏览器运行无问题，控制台也不报错，但是ie11浏览器就打不开，控制台报错----显示语法错误：，了解后发现ie浏览器不支持es6，可以通过core-js/stable及regenerator-runtime/runtime编译，vue cli官方推荐使用，main.
转载
2024-04-03 14:52:36
210阅读
目录前言一、构建项目二、引入mint-ui三、下载省/市/区的json数据四、省/市/区联动1、获取地址文件数据2、选择器组件化3、调用组件 前言最近在学习开发H5产品，想用【mint-ui】的Picker和Popup组件去创建一个地址选择器。发现mint-ui官网只有一个简单的示例，要满足省/市/区三级联动的需求还需要做很多事情，也找了很多相关文档也没有一个比较系统的说明或demo。为此，在这
转载
2024-02-29 15:18:45
2053阅读
说明： 代码自带地区JSON数据，由于篇幅限制，只放了部分地区数据，完整地区数据或者vue组件模式代码github地址效果：代码：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="author" content="LF" />
转载
2024-07-12 07:42:36
64阅读
什么是JSX摘自 React 官方： 它被称为 JSX，是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX，JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模板语言，但它具有 JavaScript 的全部功能。Vue 什么时候应当使用JSX这里说的是应当，而不是必须。因为在绝大多数情况下，模板语法都能胜任，只不过写起来看着不太
转载
2024-06-03 15:34:33
66阅读
目录一、项目基本配置二、Eslint语法规范型检查 一、项目基本配置修改项目信息 package.json 文件{
"name": "XXX",
......
"description": "XX系统",
"author": "tom<123456@qq.com>",
......
}修改端口号 config/index.js中修改port:
转载
2024-07-29 09:30:58
87阅读
0 前言从Vue2升级到Vue3，可能最大的变化之一就是Composition Api了。 Composition Api是什么东西为啥要用它？怎么用它？有什么需要注意的吗？ 面对陌生的它，我们在这儿先简单认识一下它，而具体如何使用以及使用的注意点，将会在后续的文章更新中介绍，可以关注本文最后持续更新的扩展阅读部分。1 是什么Composition Api，也就是组合式Api。 我认为，它解决的主
转载
2023-11-06 12:52:14
247阅读
步骤一：集成standard标准的eslint进你的项目中首先准备一个没有加入eslint的vue项目 1.安装eslint的包 npm i eslint -D 2.初始化eslint，并生成eslint配置文件 npx eslint --init3.依次按照问题选择自己需要的配置 你想要的怎么使用eslint？ 选择第三个：检查，发现问题，并且约束代码风格 你的项目使用的是什么模块？ 选择第一个
转载
2024-06-12 14:16:51
274阅读
# Python实现省市联动功能
在现代网络应用中，用户常常需要根据选择的地区展示相关的城市信息。省市联动是指通过选择省份，动态更新对应的城市信息。实现这样的功能不仅可以提升用户体验，还能有效地减少用户输入的错误。本文将以Python为基础，从原理到代码示例逐步介绍如何实现省市联动功能，并附上状态图与关系图以加强理解。
## 基本原理
省市联动的实现通常需要以下几个步骤：
1. **前端展示
做页面开发或客户端程序开发，都会碰到几个下拉菜单联动的情况。比如常见的省，市，区三级联动。这种下拉菜单该怎样联动？下面一起来看下，以页面开发为例子。方法/步骤先看下我们的HTML代码，很简单，就是三个空的select下拉框控件。然后，我们用JS定义三个数组，分别是省数据，市数据，和区数据。代码如图，用到Jquery来操作dom对象，所以需要引入Jquery脚本。这个数据可以是后台从数据库读出来的数
转载
2023-10-29 07:58:28
113阅读
