2 lines
3.6 KiB
JavaScript
2 lines
3.6 KiB
JavaScript
webpackJsonp([11],{pDWz:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var l={name:"transfer",data:function(){this.$createElement;return{data:function(e){for(var t=[],a=1;a<=15;a++)t.push({key:a,label:"备选项 "+a,disabled:a%4==0});return t}(),value1:[1,4],data2:function(e){var t=[],a=["shanghai","beijing","guangzhou","shenzhen","nanjing","xian","chengdu"];return["上海","北京","广州","深圳","南京","西安","成都"].forEach(function(e,l){t.push({label:e,key:l,pinyin:a[l]})}),t}(),value2:[],filterMethod:function(e,t){return t.pinyin.indexOf(e)>-1},data3:function(e){for(var t=[],a=1;a<=15;a++)t.push({key:a,label:"备选项 "+a,disabled:a%4==0});return t}(),value3:[1],value4:[1],renderFunc:function(e,t){return e("span",[t.key," - ",t.label])}}},methods:{handleChange:function(e,t,a){console.log(e,t,a)}}},n={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",[a("h3",[e._v("基础用法")]),e._v(" "),[a("el-transfer",{attrs:{data:e.data},model:{value:e.value1,callback:function(t){e.value1=t},expression:"value1"}})],e._v(" "),a("h3",[e._v("可搜索")]),e._v(" "),a("p",[e._v("在数据很多的情况下，可以对数据进行搜索和过滤。")]),e._v(" "),[a("el-transfer",{attrs:{filterable:"","filter-method":e.filterMethod,"filter-placeholder":"请输入城市拼音",data:e.data2},model:{value:e.value2,callback:function(t){e.value2=t},expression:"value2"}})],e._v(" "),a("h3",[e._v("可自定义")]),e._v(" "),a("p",[e._v("可以对列表标题文案、按钮文案、数据项的渲染函数、列表底部的勾选状态文案、列表底部的内容区等进行自定义。")]),e._v(" "),[a("p",{staticStyle:{"text-align":"center",margin:"0 0 20px"}},[e._v("使用 render-content 自定义数据项")]),e._v(" "),a("div",{staticStyle:{"text-align":"center"}},[a("el-transfer",{staticStyle:{"text-align":"left",display:"inline-block"},attrs:{filterable:"","left-default-checked":[2,3],"right-default-checked":[1],"render-content":e.renderFunc,titles:["Source","Target"],"button-texts":["到左边","到右边"],format:{noChecked:"${total}",hasChecked:"${checked}/${total}"},data:e.data3},on:{change:e.handleChange},model:{value:e.value3,callback:function(t){e.value3=t},expression:"value3"}},[a("el-button",{staticClass:"transfer-footer",attrs:{slot:"left-footer",size:"small"},slot:"left-footer"},[e._v("操作")]),e._v(" "),a("el-button",{staticClass:"transfer-footer",attrs:{slot:"right-footer",size:"small"},slot:"right-footer"},[e._v("操作")])],1)],1),e._v(" "),a("p",{staticStyle:{"text-align":"center",margin:"50px 0 20px"}},[e._v("使用 scoped-slot 自定义数据项")]),e._v(" "),a("div",{staticStyle:{"text-align":"center"}},[a("el-transfer",{staticStyle:{"text-align":"left",display:"inline-block"},attrs:{filterable:"","left-default-checked":[2,3],"right-default-checked":[1],titles:["Source","Target"],"button-texts":["到左边","到右边"],format:{noChecked:"${total}",hasChecked:"${checked}/${total}"},data:e.data},on:{change:e.handleChange},scopedSlots:e._u([{key:"default",fn:function(t){var l=t.option;return a("span",{},[e._v(e._s(l.key)+" - "+e._s(l.label))])}}]),model:{value:e.value4,callback:function(t){e.value4=t},expression:"value4"}},[a("el-button",{staticClass:"transfer-footer",attrs:{slot:"left-footer",size:"small"},slot:"left-footer"},[e._v("操作")]),e._v(" "),a("el-button",{staticClass:"transfer-footer",attrs:{slot:"right-footer",size:"small"},slot:"right-footer"},[e._v("操作")])],1)],1)]],2)},staticRenderFns:[]};var r=a("VU/8")(l,n,!1,function(e){a("uvcn")},"data-v-6fdb7bf8",null);t.default=r.exports},uvcn:function(e,t){}});
|
|
//# sourceMappingURL=11.f818f6bd6a44ad0a701d.js.map
|