Vue手写一个省市区三级联动

最新推荐文章于 2022-11-15 20:34:46 发布

码出未来jgs

最新推荐文章于 2022-11-15 20:34:46 发布

阅读量1.2k

点赞数

分类专栏： Vue 组件传值省市区三级联动 vue框架文章标签： vue 组件传值省市区三级联动 vue框架

本文链接：https://blog.csdn.net/jgs525/article/details/90485934

版权

Vue手写一个省市区三级联动

效果如下
在这里插入图片描述

上代码(此篇代码思路是运用3个兄弟组件（省=>市=>区（县））传值)

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>省市区（县）三级联动</title>
    <style>
      select {
        width: 150px;
        height: 25px;
        float: left;
        border-radius: 5px;
        border: 1px solid red;
        outline: none;
      }
    </style>
  </head>
  <body>
    <div id="app">
      <province></province>//省组件
      <city

最低0.47元/天解锁文章

码出未来jgs

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
Vue手写一个省市区三级联动

Vue手写一个省市区三级联动效果如下上代码(此篇代码思路是运用3个兄弟组件（省，市，区（县））相互传值)<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=devic...
复制链接

扫一扫

专栏目录