jeecg-boot自定义省市区划控件

最新推荐文章于 2024-06-07 12:09:54 发布

玉之之

最新推荐文章于 2024-06-07 12:09:54 发布

阅读量1.9k

点赞数

文章标签： javascript vue.js elementui

本文链接：https://blog.csdn.net/qq_45645324/article/details/122898043

版权

本文介绍了如何在不更换前端框架的情况下，基于j-area-linkage创建一个名为JAreaTreeTag的自定义组件。在页面中，首先导入组件，然后声明并使用该组件，并在数据部分声明pidvalue。最终实现了一个省市区划联动的成品效果。

摘要由CSDN通过智能技术生成

从前面的分析来看，再不改变前端框架的基础上，我们参照j-area-linkage写一个组件：JAreaTreeTag

<template>
  <a-cascader :options="options"
              @change="onChange"
              :loadData="loadSubList"
              :placeholder="placeholder"
              :changeOnSelect="changeOnSelect"
              :disabled="disabled"
              :value="selectedValue"
              @popupVisibleChange="popupVisibleChange" />
</template>
<script>
import { postAction, restAction } from '@/api/manage'
import Vue from 'vue'
import { PARAMS } from '@/store/mutation-types'
export default {
  name: 'JAreaTreeTag',
  props: {
    value: {
      type: String,
      required: false
    },
    placeholder: {
      type: String,
      default: '请选择',
      required: false
    },
    top: {
      type: String,
      defaul