Ant Design Vue Cascader fieldNames例子

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Ant Design Vue Cascader  fieldNames例子</title>
    <script src="//www.itxst.com/package/vue/vue.min.js"></script>
    <script src="//www.itxst.com/package/ant-design-vue/antd.min.js"></script>
    <link href="//www.itxst.com/package/ant-design-vue/antd.min.css" rel="stylesheet" />
   
<script src="//www.itxst.com/package/ant-design-vue/vue-dash-event.js"></script>
 
 <script src="//www.itxst.com/package/ant-design-vue/antd-with-locales.min.js"> </script>
    <style>
        body {
            padding-top: 10px
        }

.ant-pagination-item-link.red {
            color: red;
            padding-left: 6px;
            padding-right: 6px;
        }
    </style>
</head>
<body>
<div id="app">
    <a-locale-provider :locale="locales.zh_CN">
<a-cascader :options="options" @change="onChange" placeholder="请选择省市区"   style="width: 340px" :field-names="fieldNames"></a-cascader>
  </a-locale-provider>
</div>
<script>
 //本地化
 const { LocaleProvider, locales } = window.antd;
 //vue-dash-event插件
 Vue.use(window['vue-dash-event']);
var app = new Vue({
    el: '#app',
     data() {
      return {
        fieldNames:{ label: 'title', value: 'value', children: 'tree' },
           options: [
          {
            value: 'zhejiang',
            title: '浙江省',
            tree: [
              {
                value: 'hangzhou',
                title: '杭州市',
                tree: [
                  {
                    value: 'xihu',
                    title: '古墩路',
                  },
                ],
              },
            ],
          },
          {
            value: 'jiangsu',
            title: '江西省',
            tree: [
              {
                value: 'nanjing',
                title: '苏州市',
                tree: [
                  {
                    value: 'zhonghuamen',
                    title: '寒山寺',
                  },
                ],
              },
            ],
          },
        ],
      };
    },
    methods: {
      //获取结果
       onChange(value) {
        console.log(value);
      },
    },
});
 </script>
</body>
</html>