UNPKG

@lcap/asl

Version:

NetEase Application Specific Language

81 lines (73 loc) 1.58 kB
# DataView(数据视图) ## 示例 ### 最简形式 ``` html <u-data-view-node :value="{ test1: null, test2: undefined, test5: 'string', test6: [1, 2, 'abc'], number: { test4: 123, test3: Infinity, test4: NaN, } }" :expanded="true"></u-data-view-node> ``` ### 基本形式 ``` html <u-data-view> <u-data-view-node :value="{ test1: null, test2: undefined, test5: 'string', test6: [1, 2, 'abc'], number: { test4: 123, test3: Infinity, test4: NaN, } }" :expanded="true"></u-data-view-node> <u-data-view-node :value="{}" :expanded="true"></u-data-view-node> <u-data-view-node :value="[1, 2, 3]" :expanded="true"></u-data-view-node> <u-data-view-node :value="[]" :expanded="true"></u-data-view-node> </u-data-view> ``` ``` html <u-data-view :value="{ test1: null, test2: undefined, test5: 'string', test6: [1, 2, 'abc'], number: { test4: 123, test3: Infinity, test4: NaN, } }"></u-data-view> ``` ### 只读和禁用 ``` html <u-data-view readonly :value="{ test1: null, test2: undefined, test5: 'string', test6: [1, 2, 'abc'], number: { test4: 123, test3: Infinity, test4: NaN, } }"></u-data-view> <u-data-view disabled :value="{ test1: null, test2: undefined, test5: 'string', test6: [1, 2, 'abc'], number: { test4: 123, test3: Infinity, test4: NaN, } }"></u-data-view> ```