用vue写一个三级联动的省市区

好的，我可以为您提供一些关于Vue三级联动省市区的实现方法。可以使用element-ui库中的Cascader组件来实现此功能，具体步骤如下：

1. 安装element-ui并引入Cascader组件：

npm install element-ui --save

import { Cascader } from 'element-ui';

2. 准备省市区数据

可以从第三方数据源获取省市区数据，或者手动定义。数据格式建议如下：

const areaData = [
  {
    value: '110000',
    label: '北京市',
    children: [
      {
        value: '110100',
        label: '市辖区',
        children: [
          {
            value: '110101',
            label: '东城区'
          },
          // ...
        ]
      }
    ]
  },
  // ...
]

3. 在Vue组件中使用Cascader组件

<template>
  <el-cascader
    v-model="selectedArea"
    :options="options"
    :props="cascadeProps">
  </el-cascader>
</template>

<script>
export default {
  data() {
    return {
      selectedArea: [],  // 已选择的省市区
      options: areaData, // 省市区数据
      cascadeProps: {    // props配置项
        value: 'value',
        label: 'label',
        children: 'children'
      }
    }
  }
}
</script>

这样就可以实现一个基本的Vue三级联动省市区选择功能啦。希望对您有所帮助！