text: webpackJsonp([50],{358:function(s,a,t){s.exports=t(425)},425:function(s,a,t){"use strict";Object.defineProperty(a,"__esModule",{value:!0});var l=t(38),n=t.n(l),v={data:function(){return{value:["cq","lp","sgt"],options:[{value:"sc",label:"四川",children:[{value:"cd",label:"成都",children:[{value:"jyq",label:"九眼桥"},{value:"cxl",label:"春熙路"}]},{value:"nc",label:"南充",children:[{value:"nbx",label:"南部县"}]}]},{value:"cq",label:"重庆",children:[{value:"lp",label:"梁平",children:[{value:"sgt",label:"双桂堂"}]}]}],options2:[]}},watch:{value:function(s){console.log(s)}},mounted:function(){var s=JSON.parse(n()(this.options));s[0].disabled=!0,this.options2=s},methods:{onchange:function(s){console.log(s)}}},_=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("undefined",[t("h1",[s._v("Cascader 级联选择")]),s._v(" "),t("p",[s._v("级联选择框。")]),s._v(" "),t("h2",{attrs:{id:"he-shi-shi-yong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#he-shi-shi-yong","aria-hidden":"true"}},[s._v("¶")]),s._v(" 何时使用")]),s._v(" "),t("ul",[t("li",[s._v("需要从一组相关联的数据集合进行选择，例如省市区，公司层级，事物分类等。")]),s._v(" "),t("li",[s._v("从一个较大的数据集合中进行选择时，用多级分类进行分隔，方便选择。")]),s._v(" "),t("li",[s._v("比起 Select 组件，可以在同一个浮层中完成选择，有较好的体验。")])]),s._v(" "),t("h2",{attrs:{id:"dai-ma-yan-shi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#dai-ma-yan-shi","aria-hidden":"true"}},[s._v("¶")]),s._v(" 代码演示")]),s._v(" "),t("demo-box",{attrs:{jsfiddle:{html:'<template>\n  <v-cascader :data="options" @change="onchange"></v-cascader>\n</template>\n\n\n',script:"\n  export default {\n    data: ()=> ({\n      options: [{\n          value: 'sc',\n          label: '四川',\n          children: [{\n              value: 'cd',\n              label: '成都',\n              children: [{\n                  value: 'jyq',\n                  label: '九眼桥'\n              }, {\n                  value: 'cxl',\n                  label: '春熙路'\n              }],\n          }, {\n              value: 'nc',\n              label: '南充',\n              children: [{\n                  value: 'nbx',\n                  label: '南部县'\n              }]\n          }],\n      }, {\n          value: 'cq',\n          label: '重庆',\n          children: [{\n              value: 'lp',\n              label: '梁平',\n              children: [{\n                  value: 'sgt',\n                  label: '双桂堂'\n              }],\n          }],\n      }]\n    }),\n    methods: {\n      onchange(val) {\n        console.log(val)\n      }\n    }\n  };\n",style:null}}},[t("div",{staticClass:"box-demo-show",attrs:{slot:"component"},slot:"component"},[[t("v-cascader",{attrs:{data:s.options},on:{change:s.onchange}})]],2),s._v(" "),t("div",{attrs:{slot:"description"},slot:"description"},[t("h4",{attrs:{id:"ji-ben"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#ji-ben","aria-hidden":"true"}},[s._v("¶")]),s._v(" 基本")]),s._v(" "),t("p",[s._v("省市区级联。")])]),s._v(" "),t("div",{staticClass:"highlight",attrs:{slot:"code"},slot:"code"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":data")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"options"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("@change")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"onchange"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n  "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n    "),t("span",{staticClass:"hljs-attr"},[s._v("data")]),s._v(": "),t("span",{staticClass:"hljs-function"},[t("span",{staticClass:"hljs-params"},[s._v("()")]),s._v("=>")]),s._v(" ({\n      "),t("span",{staticClass:"hljs-attr"},[s._v("options")]),s._v(": [{\n          "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'sc'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'四川'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n              "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'cd'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'成都'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'jyq'")]),s._v(",\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'九眼桥'")]),s._v("\n              }, {\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'cxl'")]),s._v(",\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'春熙路'")]),s._v("\n              }],\n          }, {\n              "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'nc'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'南充'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'nbx'")]),s._v(",\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'南部县'")]),s._v("\n              }]\n          }],\n      }, {\n          "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'cq'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'重庆'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n              "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'lp'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'梁平'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'sgt'")]),s._v(",\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'双桂堂'")]),s._v("\n              }],\n          }],\n      }]\n    }),\n    "),t("span",{staticClass:"hljs-attr"},[s._v("methods")]),s._v(": {\n      onchange(val) {\n        "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(val)\n      }\n    }\n  };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])]),s._v(" "),t("summary",[s._v("\n  #### 基本\n  省市区级联。\n")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"hljs language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("@change")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"onchange"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),t("span",{attrs:{class:"javascript"}},[s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v("=>")]),s._v(" ({\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [{\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'sc'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'四川'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cd'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'成都'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'jyq'")]),s._v(",\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'九眼桥'")]),s._v("\n              }, {\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cxl'")]),s._v(",\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'春熙路'")]),s._v("\n              }],\n          }, {\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'nc'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'南充'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'nbx'")]),s._v(",\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'南部县'")]),s._v("\n              }]\n          }],\n      }, {\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cq'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'重庆'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'lp'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'梁平'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'sgt'")]),s._v(",\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'双桂堂'")]),s._v("\n              }],\n          }],\n      }]\n    }),\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("methods")]),s._v(": {\n      onchange(val) {\n        "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(val)\n      }\n    }\n  };\n")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])])]),s._v(" "),t("demo-box",{attrs:{jsfiddle:{html:'<template>\n  <v-cascader size="large" :data="options"></v-cascader>\n  <v-cascader :data="options"></v-cascader>\n  <v-cascader size="small" :data="options"></v-cascader>\n</template>\n\n\n',script:"\n  export default {\n    data: ()=> ({\n      options: [{\n          value: 'sc',\n          label: '四川',\n          children: [{\n              value: 'cd',\n              label: '成都',\n              children: [{\n                  value: 'jyq',\n                  label: '九眼桥'\n              }, {\n                  value: 'cxl',\n                  label: '春熙路'\n              }],\n          }, {\n              value: 'nc',\n              label: '南充',\n              children: [{\n                  value: 'nbx',\n                  label: '南部县'\n              }]\n          }],\n      }, {\n          value: 'cq',\n          label: '重庆',\n          children: [{\n              value: 'lp',\n              label: '梁平',\n              children: [{\n                  value: 'sgt',\n                  label: '双桂堂'\n              }],\n          }],\n      }]\n    })\n  };\n",style:null}}},[t("div",{staticClass:"box-demo-show",attrs:{slot:"component"},slot:"component"},[[t("v-cascader",{attrs:{size:"large",data:s.options}}),s._v(" "),t("v-cascader",{attrs:{data:s.options}}),s._v(" "),t("v-cascader",{attrs:{size:"small",data:s.options}})]],2),s._v(" "),t("div",{attrs:{slot:"description"},slot:"description"},[t("h4",{attrs:{id:"da-xiao"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#da-xiao","aria-hidden":"true"}},[s._v("¶")]),s._v(" 大小")]),s._v(" "),t("p",[s._v("不同大小的级联选择器。")])]),s._v(" "),t("div",{staticClass:"highlight",attrs:{slot:"code"},slot:"code"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"large"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":data")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"options"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":data")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"options"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("size")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"small"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":data")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"options"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n  "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n    "),t("span",{staticClass:"hljs-attr"},[s._v("data")]),s._v(": "),t("span",{staticClass:"hljs-function"},[t("span",{staticClass:"hljs-params"},[s._v("()")]),s._v("=>")]),s._v(" ({\n      "),t("span",{staticClass:"hljs-attr"},[s._v("options")]),s._v(": [{\n          "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'sc'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'四川'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n              "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'cd'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'成都'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'jyq'")]),s._v(",\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'九眼桥'")]),s._v("\n              }, {\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'cxl'")]),s._v(",\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'春熙路'")]),s._v("\n              }],\n          }, {\n              "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'nc'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'南充'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'nbx'")]),s._v(",\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'南部县'")]),s._v("\n              }]\n          }],\n      }, {\n          "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'cq'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'重庆'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n              "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'lp'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'梁平'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'sgt'")]),s._v(",\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'双桂堂'")]),s._v("\n              }],\n          }],\n      }]\n    })\n  };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])]),s._v(" "),t("summary",[s._v("\n  #### 大小\n  不同大小的级联选择器。\n")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"hljs language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("size")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"large"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("size")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"small"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),t("span",{attrs:{class:"javascript"}},[s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v("=>")]),s._v(" ({\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [{\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'sc'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'四川'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cd'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'成都'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'jyq'")]),s._v(",\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'九眼桥'")]),s._v("\n              }, {\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cxl'")]),s._v(",\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'春熙路'")]),s._v("\n              }],\n          }, {\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'nc'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'南充'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'nbx'")]),s._v(",\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'南部县'")]),s._v("\n              }]\n          }],\n      }, {\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cq'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'重庆'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'lp'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'梁平'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'sgt'")]),s._v(",\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'双桂堂'")]),s._v("\n              }],\n          }],\n      }]\n    })\n  };\n")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])])]),s._v(" "),t("demo-box",{attrs:{jsfiddle:{html:'<template>\n  <v-cascader v-model="value" :data="options"></v-cascader>\n</template>\n\n\n',script:"\n  export default {\n    data: ()=> ({\n      value: ['cq','lp','sgt'],\n      options: [{\n          value: 'sc',\n          label: '四川',\n          children: [{\n              value: 'cd',\n              label: '成都',\n              children: [{\n                  value: 'jyq',\n                  label: '九眼桥'\n              }, {\n                  value: 'cxl',\n                  label: '春熙路'\n              }],\n          }, {\n              value: 'nc',\n              label: '南充',\n              children: [{\n                  value: 'nbx',\n                  label: '南部县'\n              }]\n          }],\n      }, {\n          value: 'cq',\n          label: '重庆',\n          children: [{\n              value: 'lp',\n              label: '梁平',\n              children: [{\n                  value: 'sgt',\n                  label: '双桂堂'\n              }],\n          }],\n      }]\n    }),\n    watch: {\n      value(val){\n        console.log(val)\n      }\n    }\n  };\n",style:null}}},[t("div",{staticClass:"box-demo-show",attrs:{slot:"component"},slot:"component"},[[t("v-cascader",{attrs:{data:s.options},model:{value:s.value,callback:function(a){s.value=a},expression:"value"}})]],2),s._v(" "),t("div",{attrs:{slot:"description"},slot:"description"},[t("h4",{attrs:{id:"mo-ren-zhi"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#mo-ren-zhi","aria-hidden":"true"}},[s._v("¶")]),s._v(" 默认值")]),s._v(" "),t("p",[s._v("默认值通过数组的方式指定。不同大小的级联选择器。")])]),s._v(" "),t("div",{staticClass:"highlight",attrs:{slot:"code"},slot:"code"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-model")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"value"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":data")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"options"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n  "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n    "),t("span",{staticClass:"hljs-attr"},[s._v("data")]),s._v(": "),t("span",{staticClass:"hljs-function"},[t("span",{staticClass:"hljs-params"},[s._v("()")]),s._v("=>")]),s._v(" ({\n      "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": ["),t("span",{staticClass:"hljs-string"},[s._v("'cq'")]),s._v(","),t("span",{staticClass:"hljs-string"},[s._v("'lp'")]),s._v(","),t("span",{staticClass:"hljs-string"},[s._v("'sgt'")]),s._v("],\n      "),t("span",{staticClass:"hljs-attr"},[s._v("options")]),s._v(": [{\n          "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'sc'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'四川'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n              "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'cd'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'成都'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'jyq'")]),s._v(",\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'九眼桥'")]),s._v("\n              }, {\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'cxl'")]),s._v(",\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'春熙路'")]),s._v("\n              }],\n          }, {\n              "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'nc'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'南充'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'nbx'")]),s._v(",\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'南部县'")]),s._v("\n              }]\n          }],\n      }, {\n          "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'cq'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'重庆'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n              "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'lp'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'梁平'")]),s._v(",\n              "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'sgt'")]),s._v(",\n                  "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'双桂堂'")]),s._v("\n              }],\n          }],\n      }]\n    }),\n    "),t("span",{staticClass:"hljs-attr"},[s._v("watch")]),s._v(": {\n      value(val){\n        "),t("span",{staticClass:"hljs-built_in"},[s._v("console")]),s._v(".log(val)\n      }\n    }\n  };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])]),s._v(" "),t("summary",[s._v("\n  #### 默认值\n  默认值通过数组的方式指定。不同大小的级联选择器。\n")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"hljs language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("v-model")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"value"')]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"options"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),t("span",{attrs:{class:"javascript"}},[s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v("=>")]),s._v(" ({\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": ["),t("span",{attrs:{class:"hljs-string"}},[s._v("'cq'")]),s._v(","),t("span",{attrs:{class:"hljs-string"}},[s._v("'lp'")]),s._v(","),t("span",{attrs:{class:"hljs-string"}},[s._v("'sgt'")]),s._v("],\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options")]),s._v(": [{\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'sc'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'四川'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cd'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'成都'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'jyq'")]),s._v(",\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'九眼桥'")]),s._v("\n              }, {\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cxl'")]),s._v(",\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'春熙路'")]),s._v("\n              }],\n          }, {\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'nc'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'南充'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'nbx'")]),s._v(",\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'南部县'")]),s._v("\n              }]\n          }],\n      }, {\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cq'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'重庆'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'lp'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'梁平'")]),s._v(",\n              "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'sgt'")]),s._v(",\n                  "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'双桂堂'")]),s._v("\n              }],\n          }],\n      }]\n    }),\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("watch")]),s._v(": {\n      value(val){\n        "),t("span",{attrs:{class:"hljs-built_in"}},[s._v("console")]),s._v(".log(val)\n      }\n    }\n  };\n")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])])]),s._v(" "),t("demo-box",{attrs:{jsfiddle:{html:'<template>\n  <v-cascader :data="options2"></v-cascader>\n</template>\n\n\n',script:"\n  export default {\n    data: ()=> ({\n      options2: [{\n        value: 'sc',\n        label: '四川',\n        disabled: 'true',\n        children: [{\n          value: 'cd',\n          label: '成都',\n          children: [{\n            value: 'jyq',\n            label: '九眼桥'\n          },{\n            value: 'cxl',\n            label: '春熙路'\n          }],\n        },{\n          value: 'nc',\n          label: '南充',\n          children: [{\n            value: 'nbx',\n            label: '南部县'\n          }]\n        }],\n        }, {\n        value: 'cq',\n        label: '重庆',\n        children: [{\n          value: 'lp',\n          label: '梁平',\n          children: [{\n            value: 'sgt',\n            label: '双桂堂'\n          }],\n        }],\n      }]\n    })\n  };\n",style:null}}},[t("div",{staticClass:"box-demo-show",attrs:{slot:"component"},slot:"component"},[[t("v-cascader",{attrs:{data:s.options2}})]],2),s._v(" "),t("div",{attrs:{slot:"description"},slot:"description"},[t("h4",{attrs:{id:"jin-yong-xuan-xiang"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong-xuan-xiang","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用选项")]),s._v(" "),t("p",[s._v("通过指定"),t("code",[s._v("options")]),s._v("里的"),t("code",[s._v("disabled")]),s._v("字段。")])]),s._v(" "),t("div",{staticClass:"highlight",attrs:{slot:"code"},slot:"code"},[t("pre",[t("code",{staticClass:"hljs language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":data")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"options2"')]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n  "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n    "),t("span",{staticClass:"hljs-attr"},[s._v("data")]),s._v(": "),t("span",{staticClass:"hljs-function"},[t("span",{staticClass:"hljs-params"},[s._v("()")]),s._v("=>")]),s._v(" ({\n      "),t("span",{staticClass:"hljs-attr"},[s._v("options2")]),s._v(": [{\n        "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'sc'")]),s._v(",\n        "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'四川'")]),s._v(",\n        "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'true'")]),s._v(",\n        "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n          "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'cd'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'成都'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n            "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'jyq'")]),s._v(",\n            "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'九眼桥'")]),s._v("\n          },{\n            "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'cxl'")]),s._v(",\n            "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'春熙路'")]),s._v("\n          }],\n        },{\n          "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'nc'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'南充'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n            "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'nbx'")]),s._v(",\n            "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'南部县'")]),s._v("\n          }]\n        }],\n        }, {\n        "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'cq'")]),s._v(",\n        "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'重庆'")]),s._v(",\n        "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n          "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'lp'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'梁平'")]),s._v(",\n          "),t("span",{staticClass:"hljs-attr"},[s._v("children")]),s._v(": [{\n            "),t("span",{staticClass:"hljs-attr"},[s._v("value")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'sgt'")]),s._v(",\n            "),t("span",{staticClass:"hljs-attr"},[s._v("label")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'双桂堂'")]),s._v("\n          }],\n        }],\n      }]\n    })\n  };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])]),s._v(" "),t("summary",[s._v("\n  #### 禁用选项\n  通过指定`options`里的`disabled`字段。\n")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"hljs language-html"}},[t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v(":data")]),s._v("="),t("span",{attrs:{class:"hljs-string"}},[s._v('"options2"')]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(">")]),s._v("\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n\n"),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),t("span",{attrs:{class:"javascript"}},[s._v("\n  "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n    "),t("span",{attrs:{class:"hljs-attr"}},[s._v("data")]),s._v(": "),t("span",{attrs:{class:"hljs-function"}},[t("span",{attrs:{class:"hljs-params"}},[s._v("()")]),s._v("=>")]),s._v(" ({\n      "),t("span",{attrs:{class:"hljs-attr"}},[s._v("options2")]),s._v(": [{\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'sc'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'四川'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'true'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cd'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'成都'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n            "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'jyq'")]),s._v(",\n            "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'九眼桥'")]),s._v("\n          },{\n            "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cxl'")]),s._v(",\n            "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'春熙路'")]),s._v("\n          }],\n        },{\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'nc'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'南充'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n            "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'nbx'")]),s._v(",\n            "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'南部县'")]),s._v("\n          }]\n        }],\n        }, {\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'cq'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'重庆'")]),s._v(",\n        "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'lp'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'梁平'")]),s._v(",\n          "),t("span",{attrs:{class:"hljs-attr"}},[s._v("children")]),s._v(": [{\n            "),t("span",{attrs:{class:"hljs-attr"}},[s._v("value")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'sgt'")]),s._v(",\n            "),t("span",{attrs:{class:"hljs-attr"}},[s._v("label")]),s._v(": "),t("span",{attrs:{class:"hljs-string"}},[s._v("'双桂堂'")]),s._v("\n          }],\n        }],\n      }]\n    })\n  };\n")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])])]),s._v(" "),t("demo-box",{attrs:{jsfiddle:{html:"  <v-cascader disabled></v-cascader>\n",script:null,style:null}}},[t("div",{staticClass:"box-demo-show",attrs:{slot:"component"},slot:"component"},[t("v-cascader",{attrs:{disabled:""}})],1),s._v(" "),t("div",{attrs:{slot:"description"},slot:"description"},[t("h4",{attrs:{id:"jin-yong"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#jin-yong","aria-hidden":"true"}},[s._v("¶")]),s._v(" 禁用")]),s._v(" "),t("p",[s._v("禁用整个控件")])]),s._v(" "),t("div",{staticClass:"highlight",attrs:{slot:"code"},slot:"code"},[t("pre",[t("code",{staticClass:"hljs language-html"},[s._v("  "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("disabled")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("v-cascader")]),s._v(">")]),s._v("\n")])])]),s._v(" "),t("summary",[s._v("\n  #### 禁用\n  禁用整个控件\n")]),s._v(" "),t("pre",{pre:!0},[t("code",{attrs:{"v-pre":"",class:"hljs language-html"}},[s._v("  "),t("span",{attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(" "),t("span",{attrs:{class:"hljs-attr"}},[s._v("disabled")]),s._v(">")]),t("span",{attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{attrs:{class:"hljs-name"}},[s._v("v-cascader")]),s._v(">")]),s._v("\n")])])]),s._v(" "),t("h2",{attrs:{id:"api"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#api","aria-hidden":"true"}},[s._v("¶")]),s._v(" API")]),s._v(" "),t("h3",{attrs:{id:"cascader-props"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cascader-props","aria-hidden":"true"}},[s._v("¶")]),s._v(" Cascader Props")]),s._v(" "),t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("属性")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("value")]),s._v(" "),t("td",[s._v("指定选中项")]),s._v(" "),t("td",[s._v("array")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("data")]),s._v(" "),t("td",[s._v("可选项数据源")]),s._v(" "),t("td",[s._v("array")]),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("placeholder")]),s._v(" "),t("td",[s._v("输入框占位文本")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("请选择")])]),s._v(" "),t("tr",[t("td",[s._v("size")]),s._v(" "),t("td",[s._v("输入框大小，可选 large default small")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("default")])]),s._v(" "),t("tr",[t("td",[s._v("disabled")]),s._v(" "),t("td",[s._v("禁用")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("false")])]),s._v(" "),t("tr",[t("td",[s._v("allowClear")]),s._v(" "),t("td",[s._v("是否支持清除")]),s._v(" "),t("td",[s._v("boolean")]),s._v(" "),t("td",[s._v("true")])]),s._v(" "),t("tr",[t("td",[s._v("position")]),s._v(" "),t("td",[s._v("下拉框的定位方式（absolute,fixed）")]),s._v(" "),t("td",[s._v("string")]),s._v(" "),t("td",[s._v("absolute")])]),s._v(" "),t("tr",[t("td",[s._v("popupContainer")]),s._v(" "),t("td",[s._v("下拉菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。")]),s._v(" "),t("td",[s._v("function")]),s._v(" "),t("td",[s._v("() => document.body")])])])]),s._v(" "),t("h3",{attrs:{id:"cascader-events"}},[t("a",{staticClass:"header-anchor",attrs:{href:"#cascader-events","aria-hidden":"true"}},[s._v("¶")]),s._v(" Cascader Events")]),s._v(" "),t("table",{staticClass:"table"},[t("thead",[t("tr",[t("th",[s._v("事件")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("参数")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("change")]),s._v(" "),t("td",[s._v("value改变时触发")]),s._v(" "),t("td",[s._v("value")])])])])],1)},r=[],c=t(0),i=Object(c.a)(v,_,r,!1,null,null,null);a.default=i.exports}});
  //# sourceMappingURL=50.219f00d434b416b301e4.js.map