i-rubik/demo/js/24.ad653.js

A Vue.js 2.0+ UI Components Framework

webpackJsonp([24,29],{244:function(e,t,n){var d=n(0)(n(271),n(338),null,null);e.exports=d.exports},271:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={name:"selects",data:function(){return{dft:"选择浏览器",seled1:null,seled2:"ff",options:[{value:"chrome",text:"Chrome"},{value:"safari",text:"Safari"},{value:"ff",text:"FireFox"}],options2:[{value:"chrome",text:"Chrome"},{value:"disabled",text:"Disabled: 这个不可用",disabled:!0},{value:"disabled",text:"Disabled: 这个不可用 +1",disabled:!0},{value:"ff",text:"FireFox"}]}}}},338:function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("article",[n("h1",[e._v("选择器 Select")]),e._v(" "),n("h2",[e._v("例子")]),e._v(" "),n("r-row",[n("r-col",{attrs:{xs3:""}},[n("r-select",{directives:[{name:"model",rawName:"v-model",value:e.seled1,expression:"seled1"}],attrs:{options:e.options,id:"test",label:"Browser Select",dftDisabled:"",name:"test",dftText:e.dft},domProps:{value:e.seled1},on:{input:function(t){e.seled1=t}}})],1)],1),e._v(" "),e.seled1?n("p",[e._v("\n    选择了 "+e._s(e.seled1)+"\n  ")]):e._e(),e._v(" "),n("h3",[e._v("默认选中")]),e._v(" "),n("r-row",[n("r-col",{attrs:{xs3:""}},[n("r-select",{directives:[{name:"model",rawName:"v-model",value:e.seled2,expression:"seled2"}],attrs:{options:e.options,id:"test",label:"FF 默认选中",name:"test",dftText:e.dft},domProps:{value:e.seled2},on:{input:function(t){e.seled2=t}}})],1)],1),e._v(" "),n("h3",[e._v("Disabled Option")]),e._v(" "),n("r-row",[n("r-col",{attrs:{xs3:""}},[n("r-select",{directives:[{name:"model",rawName:"v-model",value:e.seled2,expression:"seled2"}],attrs:{options:e.options2,id:"test",label:"disabled option",name:"test",dftText:e.dft},domProps:{value:e.seled2},on:{input:function(t){e.seled2=t}}})],1)],1),e._v(" "),n("h3",[e._v("props")]),e._v(" "),e._m(0),e._v(" "),n("Markup",{attrs:{lang:"html"}},[e._v('\n    <r-select v-model="seled1" :options="options" id="test" label="Browser Select" dftDisabled name="test"  :dftText="dft"></r-select>\n\n    <r-select v-model="seled2" :options="options" id="test" label="FF 默认选中" name="test"  :dftText="dft"></r-select>\n\n    <r-select v-model="seled2" :options="options2" id="test" label="disabled option" name="test"  :dftText="dft"></r-select>\n  ')]),e._v(" "),n("Markup",{attrs:{lang:"js"}},[e._v("  \n    export default {\n      data(){\n        return {\n          dft: '选择浏览器',\n          seled1: null,\n          seled2: 'ff',\n          options: [\n            {\n              value: 'chrome',\n              text: 'Chrome',\n            },\n            {\n              value: 'safari',\n              text: 'Safari',\n            },\n            {\n              value: 'ff',\n              text: 'FireFox',\n            }\n          ],\n          options2: [\n            {\n              value: 'chrome',\n              text: 'Chrome',\n            },\n            {\n              value: 'disabled',\n              text: 'Disabled: 这个不可用',\n              disabled: true\n            },\n            {\n              value: 'disabled',\n              text: 'Disabled: 这个不可用 +1',\n              disabled: true\n            },\n            {\n              value: 'ff',\n              text: 'FireFox',\n            }\n          ],\n        }\n      }\n    }\n  ")])],1)},staticRenderFns:[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("table",{staticClass:"bordered responsive-table"},[n("thead",[n("th",[e._v("属性")]),e._v(" "),n("th",[e._v("说明")]),e._v(" "),n("th",[e._v("类型")]),e._v(" "),n("th",[e._v("默认值")])]),e._v(" "),n("tbody",[n("tr",[n("td",[e._v("label")]),e._v(" "),n("td",[e._v("label 标签")]),e._v(" "),n("td",[e._v("String")]),e._v(" "),n("td",[e._v("-")])]),e._v(" "),n("tr",[n("td",[e._v("id")]),e._v(" "),n("td",[e._v("input[type=radio] id 属性，对应 label 标签 for 属性")]),e._v(" "),n("td",[e._v("String")]),e._v(" "),n("td",[e._v("-")])]),e._v(" "),n("tr",[n("td",[e._v("name")]),e._v(" "),n("td",[e._v("input[type=radio] name 属性")]),e._v(" "),n("td",[e._v("String")]),e._v(" "),n("td",[e._v("-")])]),e._v(" "),n("tr",[n("td",[e._v("options")]),e._v(" "),n("td",[e._v("\n          Option 选项的对象数组 有如下三个键值对"),n("br"),e._v("\n          value: String, (option的value)"),n("br"),e._v("\n          text: String, (option的text)"),n("br"),e._v("\n          disabled: Boolean (option的是否可用)\n        ")]),e._v(" "),n("td",[e._v("Array")]),e._v(" "),n("td",[e._v("[]")])]),e._v(" "),n("tr",[n("td",[e._v("value")]),e._v(" "),n("td",[e._v("input[type=radio] 的 value 属性")]),e._v(" "),n("td",[e._v("String")]),e._v(" "),n("td",[e._v("-")])]),e._v(" "),n("tr",[n("td",[e._v("dftText")]),e._v(" "),n("td",[e._v("第一个 option 的 text 值")]),e._v(" "),n("td",[e._v("String")]),e._v(" "),n("td",[e._v("-")])]),e._v(" "),n("tr",[n("td",[e._v("dftDisabled")]),e._v(" "),n("td",[e._v("第一个 option 是否可用")]),e._v(" "),n("td",[e._v("String")]),e._v(" "),n("td",[e._v("-")])]),e._v(" "),n("tr",[n("td",[e._v("disabled")]),e._v(" "),n("td",[e._v("Select 是否可用")]),e._v(" "),n("td",[e._v("String")]),e._v(" "),n("td",[e._v("-")])]),e._v(" "),n("tr",[n("td",[e._v("v-model 指令")]),e._v(" "),n("td",[e._v("和 select 标签的 value 双向绑定")]),e._v(" "),n("td",[e._v("String")]),e._v(" "),n("td",[e._v("-")])])])])}]}}});