1330 lines
355 KiB
Plaintext
1330 lines
355 KiB
Plaintext
import{l as Pn}from"./index.4ab9ecd9.js";import{f as u,w as Jn,r as g,o as I,j as B,h as a,g as t,B as o,a7 as m,v as s,t as K,d as j,C as O,i as n}from"./.pnpm.8fb36023.js";const Fn={class:"markdown-body"},Gn=n("p",{class:"describe-plugin"},"\u5C55\u793A\u884C\u5217\u6570\u636E\u3002",-1),Ln=n("p",null,[s("\u4F7F\u7528 "),n("code",null,"lay-table"),s(" \u6807\u7B7E, \u521B\u5EFA\u8868\u683C")],-1),Qn=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns1"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns1 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource1 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.'"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns1`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource1
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),Xn=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-form")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-radio")]),s(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("size2"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("action"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("sm"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("sm"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-radio")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-radio")]),s(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("size2"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("action"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("md"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("md"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-radio")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-radio")]),s(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("size2"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("action"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("lg"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("lg"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-radio")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-form")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns2"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource2"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("size2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns2 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource2 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" size2 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'md'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
size2`),n("span",{class:"token punctuation"},","),s(`
|
|
columns2`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource2
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),Yn=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns3"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource3"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":page"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("page3"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"@change"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("change3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" layer "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},'"@layui/layer-vue"'),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" page3 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"total"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"limit"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"showRefresh"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"change3"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),s(" current"),n("span",{class:"token punctuation"},","),s(" limit "),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"msg"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"current:"'),s(),n("span",{class:"token operator"},"+"),s(" current "),n("span",{class:"token operator"},"+"),s(),n("span",{class:"token string"},'" limit:"'),s(),n("span",{class:"token operator"},"+"),s(" limit"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns3 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"slot"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"slot"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource3 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
page3`),n("span",{class:"token punctuation"},","),s(`
|
|
change3`),n("span",{class:"token punctuation"},","),s(`
|
|
columns3`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource3
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),Zn=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns4"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource4"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns4 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u59D3\u540D"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"name"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6210\u7EE9"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"score"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"sort"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource4 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5F20\u4E09"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u674E\u56DB"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"80"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u738B\u4E8C"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"99"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u9EBB\u5B50"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"92"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u65E0\u540D"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6709\u540D"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"70"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns4`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource4
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),$n=n("p",null,[s("\u5F53\u8868\u683C\u5185\u5BB9\u8F83\u591A\u4E0D\u80FD\u4E00\u6B21\u6027\u5B8C\u5168\u5C55\u793A\u65F6, \u4F60\u53EF\u4EE5\u5C06\u591A\u4F59\u5185\u5BB9\u5C55\u793A\u5230 "),n("code",null,"expand"),s(" \u63D2\u69FD\u3002")],-1),ns=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns6"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource6"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":default-expand-all"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("defaultExpandAll6"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),s("expandKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("expandKeys6"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("expand")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns6"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource6"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns6 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u59D3\u540D"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"name"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6210\u7EE9"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"score"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource6 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5F20\u4E09"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u674E\u56DB"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"80"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"3"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u738B\u4E8C"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"99"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"4"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u9EBB\u5B50"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"92"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"5"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u65E0\u540D"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"60"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"6"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6709\u540D"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"70"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" expandKeys6 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),s(`
|
|
`),n("span",{class:"token keyword"},"const"),s(" defaultExpandAll6 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns6`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource6`),n("span",{class:"token punctuation"},","),s(`
|
|
expandKeys6`),n("span",{class:"token punctuation"},","),s(`
|
|
defaultExpandAll6
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),ss=n("p",null,"\u6811\u5F62\u6570\u636E\u7684\u5C55\u793A\uFF0C\u5F53\u6570\u636E\u4E2D\u6709 children \u5B57\u6BB5\u65F6\u4F1A\u81EA\u52A8\u5C55\u793A\u4E3A\u6811\u5F62\u8868\u683C, \u901A\u8FC7\u8BBE\u7F6E indentSize \u4EE5\u63A7\u5236\u6BCF\u4E00\u5C42\u7684\u7F29\u8FDB\u5BBD\u5EA6, \u4F7F\u7528 childrenColumnName \u66FF\u6362\u9ED8\u8BA4\u5B57\u6BB5",-1),as=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns7"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource7"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":default-expand-all"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("defaultExpandAll7"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),s("expandKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("expandKeys7"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},"#score"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("{{ data }}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns7 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u59D3\u540D"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"name"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6210\u7EE9"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"score"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource7 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7CFB\u7EDF\u7BA1\u7406"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"3"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7528\u6237\u7BA1\u7406"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"99"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"5"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u89D2\u8272\u7BA1\u7406"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"96"),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"7"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7528\u6237\u7BA1\u7406"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"99"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"8"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u89D2\u8272\u7BA1\u7406"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"96"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7535\u5546\u7BA1\u7406"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"4"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5546\u54C1\u7BA1\u7406"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"11"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"6"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5206\u7C7B\u7BA1\u7406"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"score"),n("span",{class:"token operator"},":"),n("span",{class:"token number"},"22"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" expandKeys7 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),s(`
|
|
`),n("span",{class:"token keyword"},"const"),s(" defaultExpandAll7 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns7`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource7`),n("span",{class:"token punctuation"},","),s(`
|
|
expandKeys7`),n("span",{class:"token punctuation"},","),s(`
|
|
defaultExpandAll7
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),ts=n("p",null,[s("\u8BBE\u7F6E "),n("code",null,"height"),s(" \u6216\u8005 "),n("code",null,"max-height"),s(" \u5373\u53EF\u5B9E\u73B0")],-1),os=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(`
|
|
`),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns8"),n("span",{class:"token punctuation"},'"')]),s(`
|
|
`),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource8"),n("span",{class:"token punctuation"},'"')]),s(`
|
|
`),n("span",{class:"token attr-name"},":max-height"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("maxHeight"),n("span",{class:"token punctuation"},'"')]),s(`
|
|
`),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("operator")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("xs"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("deleteColumn(data)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u5220\u9664"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-button")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),s(),n("span",{class:"token attr-name"},"lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("ts"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"setup"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" maxHeight "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'300px'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"deleteColumn"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[n("span",{class:"token punctuation"},"{"),s(" username "),n("span",{class:"token punctuation"},"}")]),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"const"),s(" findIndex "),n("span",{class:"token operator"},"="),s(" dataSource8"),n("span",{class:"token punctuation"},"."),s("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"findIndex"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"item"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(" item"),n("span",{class:"token punctuation"},"."),s("username "),n("span",{class:"token operator"},"==="),s(" username"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
dataSource8`),n("span",{class:"token punctuation"},"."),s("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),s("findIndex"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns8 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'\u8D26\u6237'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"minWidth"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'200px'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'username'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'\u5BC6\u7801'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"minWidth"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'180px'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'password'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'\u5E74\u9F84'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"minWidth"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'180px'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'age'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u64CD\u4F5C"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"customSlot"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"operator"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"operator"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"align"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"center"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource8 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'root'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'18'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'2'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'root'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'18'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'3'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'root'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'18'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'4'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'root'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'18'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'5'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'root'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'18'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'6'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'root'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'18'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'7'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'root'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'18'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'8'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'woow'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'20'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(`
|
|
`),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'9'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'woow'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'20'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(`
|
|
`),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'10'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'woow'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'20'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(`
|
|
`),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'11'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'woow'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'20'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(`
|
|
`),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.'"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),ps=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"even"),s(" \u5C5E\u6027, \u5F00\u542F\u6591\u9A6C\u6761\u7EB9, \u9ED8\u8BA4\u4E3A false\u3002")],-1),es=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns1"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource1"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"even"),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns1 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource1 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns1`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource1
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),ls=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"cellStyle"),s(),n("code",null,"rowStyle"),s(),n("code",null,"cellClassName"),s(),n("code",null,"rowClassName"),s(" \u5C5E\u6027, \u81EA\u5B9A\u4E49\u5355\u5143\u683C\u6837\u5F0F\u3002")],-1),cs=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns1"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource1"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":cell-style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("cellStyle"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":row-style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("rowStyle"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns1 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource1 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"cellStyle"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[s("row"),n("span",{class:"token punctuation"},","),s(" column"),n("span",{class:"token punctuation"},","),s(" rowIndex"),n("span",{class:"token punctuation"},","),s(" columnIndex")]),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"if"),n("span",{class:"token punctuation"},"("),s("columnIndex "),n("span",{class:"token operator"},"%"),s(),n("span",{class:"token number"},"2"),s(),n("span",{class:"token operator"},"=="),s(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token string"},"'color:red'"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"rowStyle"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[s("row"),n("span",{class:"token punctuation"},","),s(" rowIndex")]),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"if"),n("span",{class:"token punctuation"},"("),s("rowIndex "),n("span",{class:"token operator"},"%"),s(),n("span",{class:"token number"},"2"),s(),n("span",{class:"token operator"},"=="),s(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token string"},"'color:blue'"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns1`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource1`),n("span",{class:"token punctuation"},","),s(`
|
|
cellStyle`),n("span",{class:"token punctuation"},","),s(`
|
|
rowStyle
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),rs=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"skin"),s(" \u5C5E\u6027, \u5207\u6362 table \u98CE\u683C\u3002")],-1),us=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-form")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-radio")]),s(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("skin1"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("action"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("line"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("line"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-radio")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-radio")]),s(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("skin1"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("action"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("nob"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("nob"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-radio")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-radio")]),s(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("skin1"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("action"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("row"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("row"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-radio")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-form")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns1"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource1"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":skin"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("skin1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" skin1 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"line"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns1 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource1 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
skin1`),n("span",{class:"token punctuation"},","),s(`
|
|
columns1`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource1`),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),ks=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"fixed"),s(" \u5C5E\u6027\u5B9E\u73B0\u5217\u56FA\u5B9A, \u53EF\u9009\u503C\u4E3A "),n("code",null,"left"),s(" \u4E0E "),n("code",null,"right"),s("\u3002")],-1),is=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns20"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource20"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns20 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"right"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6027\u522B"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"sex"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"right"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"right"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource20 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns20`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource20`),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),ys=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"columns"),s(" \u914D\u7F6E "),n("code",null,"type:'number'"),s(" \u5F00\u542F\u5E8F\u53F7\u5217\u3002")],-1),ds=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns21"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource21"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns21 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"number"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6027\u522B"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"sex"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource21 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns21`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource21`),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),gs=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"columns"),s(" \u914D\u7F6E "),n("code",null,"type:'checkbox'"),s(" \u5F00\u542F\u5355\u9009\u5217\u3002")],-1),ms=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("changeSelectedKeys"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u4FEE\u6539\u9009\u4E2D"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-button")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("changeDataSource23"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u4FEE\u6539\u6570\u636E"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-button")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns23"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource23"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),s("selectedKeys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("selectedKeys5"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" selectedKeys5 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"getCheckboxProps"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[s("data"),n("span",{class:"token punctuation"},","),s("index")]),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"if"),n("span",{class:"token punctuation"},"("),s("index "),n("span",{class:"token operator"},"=="),s(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"disabled"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"changeSelectedKeys"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
selectedKeys5`),n("span",{class:"token punctuation"},"."),s("value "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},"]"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"changeDataSource23"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
dataSource23`),n("span",{class:"token punctuation"},"."),s("value "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns23 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"left"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"checkbox"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"left"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6027\u522B"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"sex"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource23 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"3"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"4"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"5"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns23`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource23`),n("span",{class:"token punctuation"},","),s(`
|
|
selectedKeys5`),n("span",{class:"token punctuation"},","),s(`
|
|
changeSelectedKeys`),n("span",{class:"token punctuation"},","),s(`
|
|
getCheckboxProps`),n("span",{class:"token punctuation"},","),s(`
|
|
changeDataSource23
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),ws=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"columns"),s(" \u914D\u7F6E "),n("code",null,"type:'radio'"),s(" \u5F00\u542F\u5355\u9009\u5217\u3002")],-1),xs=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns24"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource24"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),s("selected-key")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("selectedKey24"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns24 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"radio"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6027\u522B"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"sex"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" selectedKey24 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource24 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"3"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"4"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"5"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns24`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource24`),n("span",{class:"token punctuation"},","),s(`
|
|
selectedKey24`),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),vs=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"columns"),s(" \u914D\u7F6E "),n("code",null,"type:'radio'"),s(" \u5F00\u542F\u5355\u9009\u5217\u3002")],-1),fs=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns25"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource25"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns25 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"500px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"500px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6027\u522B"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"sex"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"600px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"380px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource25 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns25`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource25`),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),hs=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"data-source"),s(" \u7684\u8D4B\u503C\uFF0C\u5B9E\u73B0\u6570\u636E\u7684\u66F4\u65B0")],-1),bs=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("changeDataSource22"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u66F4\u65B0\u6570\u636E"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-button")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns22"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource22"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns22 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6027\u522B"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"sex"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource22 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"changeDataSource22"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
dataSource22`),n("span",{class:"token punctuation"},"."),s("value "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"update"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"update"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"boy"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'\u66F4\u65B0\u6570\u636E '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns22`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource22`),n("span",{class:"token punctuation"},","),s(`
|
|
changeDataSource22
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),Is=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"columns"),s(" \u914D\u7F6E "),n("code",null,"totalRow"),s(" \u5F00\u542F\u884C\u7EDF\u8BA1\u3002")],-1),Us=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns26"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource26"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns26 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6027\u522B"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"sex"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"totalRow"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5408\u5E76:"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource26 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns26`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource26`),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),_s=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"span-method"),s(" \u5C5E\u6027, \u81EA\u5B9A\u4E49\u884C\u5217\u5408\u5E76\u7684\u903B\u8F91\u3002")],-1),Ss=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns27"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource27"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":span-method"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("spanMethod27"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":default-toolbar"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns27 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6027\u522B"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"sex"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource27 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"3"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"4"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"5"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"spanMethod27"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),s(`
|
|
`),n("span",{class:"token parameter"},[s("row"),n("span",{class:"token punctuation"},","),s(`
|
|
column`),n("span",{class:"token punctuation"},","),s(`
|
|
rowIndex`),n("span",{class:"token punctuation"},","),s(`
|
|
columnIndex`),n("span",{class:"token punctuation"},",")]),s(`
|
|
`),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"if"),s(),n("span",{class:"token punctuation"},"("),s("rowIndex "),n("span",{class:"token operator"},"%"),s(),n("span",{class:"token number"},"2"),s(),n("span",{class:"token operator"},"==="),s(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"if"),s(),n("span",{class:"token punctuation"},"("),s("columnIndex "),n("span",{class:"token operator"},"==="),s(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"2"),n("span",{class:"token punctuation"},"]"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"else"),s(),n("span",{class:"token keyword"},"if"),s(),n("span",{class:"token punctuation"},"("),s("columnIndex "),n("span",{class:"token operator"},"==="),s(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"["),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token number"},"0"),n("span",{class:"token punctuation"},"]"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns27`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource27`),n("span",{class:"token punctuation"},","),s(`
|
|
spanMethod27`),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),qs=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"span-method"),s(" \u5C5E\u6027, \u81EA\u5B9A\u4E49\u884C\u5217\u5408\u5E76\u7684\u903B\u8F91\u3002")],-1),Vs=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns28"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource28"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},"#username"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-input")]),s(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("edingKeys[data.id]"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":model-value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("data.username"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"@input"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("changeUsername($event, data)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},"#suffix"),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-icon")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("layui-icon-close"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"right"),n("span",{class:"token punctuation"},":"),s("10px"),n("span",{class:"token punctuation"},";")]),n("span",{class:"token punctuation"},'"')])]),s(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("edingKeys[data.id]"),n("span",{class:"token punctuation"},'"')]),s(" "),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("deleteEdit(data.id)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-icon")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-input")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("span")]),s(),n("span",{class:"token attr-name"},"v-else"),n("span",{class:"token punctuation"},">")]),s(`
|
|
{{ data.username }}
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-icon")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("layui-icon-edit"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"position"),n("span",{class:"token punctuation"},":"),s(" absolute"),n("span",{class:"token punctuation"},";"),n("span",{class:"token property"},"right"),n("span",{class:"token punctuation"},":"),s(" 10px"),n("span",{class:"token punctuation"},";")]),n("span",{class:"token punctuation"},'"')])]),s(),n("span",{class:"token attr-name"},"v-if"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("!edingKeys[data.id]"),n("span",{class:"token punctuation"},'"')]),s(" "),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("editHandle(data.id)"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-icon")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("span")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" edingKeys "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns28 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8D26\u6237"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"customSlot"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5BC6\u7801"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"password"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6027\u522B"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"sex"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource28 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"3"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"4"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"5"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"editHandle"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"key"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
edingKeys`),n("span",{class:"token punctuation"},"."),s("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"push"),n("span",{class:"token punctuation"},"("),s("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"deleteEdit"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"key"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
edingKeys`),n("span",{class:"token punctuation"},"."),s("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"splice"),n("span",{class:"token punctuation"},"("),s("edingKeys"),n("span",{class:"token punctuation"},"."),s("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"indexOf"),n("span",{class:"token punctuation"},"("),s("key"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},","),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"changeUsername"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[s("val"),n("span",{class:"token punctuation"},","),s(" data")]),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
dataSource28`),n("span",{class:"token punctuation"},"."),s("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"forEach"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"element"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"if"),n("span",{class:"token punctuation"},"("),s("element"),n("span",{class:"token punctuation"},"."),s("id "),n("span",{class:"token operator"},"=="),s(" data"),n("span",{class:"token punctuation"},"."),s("id"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
element`),n("span",{class:"token punctuation"},"."),s("username "),n("span",{class:"token operator"},"="),s(" val"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
edingKeys`),n("span",{class:"token punctuation"},","),s(`
|
|
deleteEdit`),n("span",{class:"token punctuation"},","),s(`
|
|
columns28`),n("span",{class:"token punctuation"},","),s(`
|
|
editHandle`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource28`),n("span",{class:"token punctuation"},","),s(`
|
|
changeUsername`),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),Ts={key:1},Ks=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"span-method"),s(" \u5C5E\u6027, \u81EA\u5B9A\u4E49\u884C\u5217\u5408\u5E76\u7684\u903B\u8F91\u3002")],-1),Cs=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns29"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource29"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":default-toolbar"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("true"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns29 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u540D\u79F0"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5730\u5740"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u7701"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"province"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),s(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u5E02"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"city"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),s(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u533A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"area"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),s(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6027\u522B"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"sex"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource29 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C31\u7720\u5100\u5F0F"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"province"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C71\u4E1C"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"city"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6D4E\u5357"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"area"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u9AD8\u65B0\u533A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C31\u7720\u5100\u5F0F"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"province"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C71\u4E1C"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"city"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6D4E\u5357"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"area"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u9AD8\u65B0\u533A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"3"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C31\u7720\u5100\u5F0F"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"province"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C71\u4E1C"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"city"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6D4E\u5357"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"area"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u9AD8\u65B0\u533A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"4"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C31\u7720\u5100\u5F0F"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"province"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C71\u4E1C"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"city"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6D4E\u5357"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"area"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u9AD8\u65B0\u533A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"5"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C31\u7720\u5100\u5F0F"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"province"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C71\u4E1C"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"city"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6D4E\u5357"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"area"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u9AD8\u65B0\u533A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns29`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource29`),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),zs=n("p",null,[s("\u901A\u8FC7 "),n("code",null,"span-method"),s(" \u5C5E\u6027, \u81EA\u5B9A\u4E49\u884C\u5217\u5408\u5E76\u7684\u903B\u8F91\u3002")],-1),js=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("loadData"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u52A0\u8F7D\u6570\u636E"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-button")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns30"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource30"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":loading"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("loading"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" loading "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns30 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u540D\u79F0"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"username"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5730\u5740"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"children"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u7701"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"province"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),s(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u5E02"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"city"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),s(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u533A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"area"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),s(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6027\u522B"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"sex"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"180px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource30 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"loadData"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
loading`),n("span",{class:"token punctuation"},"."),s("value "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token function"},"setTimeout"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
dataSource30`),n("span",{class:"token punctuation"},"."),s("value "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C31\u7720\u5100\u5F0F"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"province"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C71\u4E1C"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"city"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6D4E\u5357"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"area"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u9AD8\u65B0\u533A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C31\u7720\u5100\u5F0F"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"province"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C71\u4E1C"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"city"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6D4E\u5357"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"area"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u9AD8\u65B0\u533A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"root"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"3"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C31\u7720\u5100\u5F0F"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"province"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C71\u4E1C"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"city"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6D4E\u5357"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"area"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u9AD8\u65B0\u533A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"4"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C31\u7720\u5100\u5F0F"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"province"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C71\u4E1C"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"city"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6D4E\u5357"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"area"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u9AD8\u65B0\u533A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"5"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C31\u7720\u5100\u5F0F"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"province"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C71\u4E1C"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"city"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u6D4E\u5357"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"area"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u9AD8\u65B0\u533A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"woow"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"sex"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u7537"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) '"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},";"),s(`
|
|
loading`),n("span",{class:"token punctuation"},"."),s("value "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),n("span",{class:"token number"},"5000"),n("span",{class:"token punctuation"},")"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns30`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource30`),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),Es=n("p",null,"\u4F7F\u7528\u4E86\u7EDD\u5927\u90E8\u5206\u5C5E\u6027\u7684 table \u6848\u4F8B",-1),Ds=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-table")]),s(`
|
|
`),n("span",{class:"token attr-name"},"id"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("id"),n("span",{class:"token punctuation"},'"')]),s(`
|
|
`),n("span",{class:"token attr-name"},":max-height"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("maxHeight5"),n("span",{class:"token punctuation"},'"')]),s(`
|
|
`),n("span",{class:"token attr-name"},":columns"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("columns5"),n("span",{class:"token punctuation"},'"')]),s(`
|
|
`),n("span",{class:"token attr-name"},":expand-index"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("1"),n("span",{class:"token punctuation"},'"')]),s(`
|
|
`),n("span",{class:"token attr-name"},":data-source"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("dataSource5"),n("span",{class:"token punctuation"},'"')]),s(`
|
|
`),n("span",{class:"token attr-name"},":checkbox"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("checkbox5"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},":page"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("page5"),n("span",{class:"token punctuation"},'"')]),s(`
|
|
`),n("span",{class:"token attr-name"},":default-toolbar"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("defaultToolbar5"),n("span",{class:"token punctuation"},'"')]),s(`
|
|
`),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-model:"),s("selected-keys")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("selectedKeys5"),n("span",{class:"token punctuation"},'"')]),s(`
|
|
`),n("span",{class:"token attr-name"},"@row"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("rowClick5"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("toolbar")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("sm"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u65B0\u589E"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-button")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("sm"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u5220\u9664"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-button")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("name")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(" {{data.name}} "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("name-title")]),n("span",{class:"token punctuation"},">")]),s("\u{1F60A}"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("birthday")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(" {{data.birthday}} "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("operator")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("xs"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u4FEE\u6539"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-button")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("lay-button")]),s(),n("span",{class:"token attr-name"},"size"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("xs"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("primary"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s("\u5220\u9664"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-button")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("expand")]),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("{ data }"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),s(),n("span",{class:"token special-attr"},[n("span",{class:"token attr-name"},"style"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),n("span",{class:"token value css language-css"},[n("span",{class:"token property"},"height"),n("span",{class:"token punctuation"},":"),s("100px"),n("span",{class:"token punctuation"},";")]),n("span",{class:"token punctuation"},'"')])]),n("span",{class:"token punctuation"},">")]),s(`
|
|
\u5185\u5BB9
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("lay-table")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
|
|
`),n("span",{class:"token keyword"},"import"),s(),n("span",{class:"token punctuation"},"{"),s(" ref"),n("span",{class:"token punctuation"},","),s(" watch "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token keyword"},"from"),s(),n("span",{class:"token string"},"'vue'"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" selectedKeys5 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"["),n("span",{class:"token string"},"'1'"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},")"),s(`
|
|
`),n("span",{class:"token keyword"},"const"),s(" checkbox5 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),s(`
|
|
`),n("span",{class:"token keyword"},"const"),s(" defaultToolbar5 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},")"),s(`
|
|
`),n("span",{class:"token keyword"},"const"),s(" maxHeight5 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'600px'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" page5 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"total"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"100"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"limit"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"10"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"current"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token number"},"1"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" columns5 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"\u5E8F\u53F7"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"left"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"checkbox"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"50px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u59D3\u540D"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"left"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"200px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"titleSlot"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"name-title"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"customSlot"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"name"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"name"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"align"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"left"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5E74\u9F84"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"age"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"totalRow"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token function-variable function"},"totalRowMethod"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[s("currentColumn"),n("span",{class:"token punctuation"},","),s(" dataSource")]),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token string"},`"<span style='color:red'>\u81EA\u5B9A\u4E49\u7EDF\u8BA1</span>"`),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5907\u6CE8"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},'"300px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"remark"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"ellipsisTooltip"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},","),n("span",{class:"token punctuation"},"{"),s(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u64CD\u4F5C"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"width"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"150px"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"fixed"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"right"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"customSlot"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"operator"'),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token literal-property property"},"key"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"operator"'),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(" dataSource5 "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"["),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C0F\u660E"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"18"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.'"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"2"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C0F\u7EA2"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.'"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"3"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C0F\u521A"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.'"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"4"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C0F\u674E"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.'"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"5"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C0F\u67CF"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.'"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
|
|
`),n("span",{class:"token punctuation"},"{"),n("span",{class:"token literal-property property"},"id"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"6"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"name"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u5C0F\u5409"'),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"20"'),n("span",{class:"token punctuation"},","),n("span",{class:"token literal-property property"},"remark"),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.'"),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"]"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"rowClick5"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"data"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),s("data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"rowDoubleClick5"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"data"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),s("data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
|
|
`),n("span",{class:"token function"},"watch"),n("span",{class:"token punctuation"},"("),s("selectedKeys5"),n("span",{class:"token punctuation"},","),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},'"\u590D\u9009\u6846\u76D1\u542C:"'),s(),n("span",{class:"token operator"},"+"),s(" selectedKeys5"),n("span",{class:"token punctuation"},"."),s("value"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),s(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(`
|
|
columns5`),n("span",{class:"token punctuation"},","),s(`
|
|
dataSource5`),n("span",{class:"token punctuation"},","),s(`
|
|
selectedKeys5`),n("span",{class:"token punctuation"},","),s(`
|
|
checkbox5`),n("span",{class:"token punctuation"},","),s(`
|
|
defaultToolbar5`),n("span",{class:"token punctuation"},","),s(`
|
|
rowClick5`),n("span",{class:"token punctuation"},","),s(`
|
|
rowDoubleClick5`),n("span",{class:"token punctuation"},","),s(`
|
|
page5
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`),n("span",{class:"token punctuation"},"}"),s(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
|
|
`)])],-1),Ns=n("div",{style:{height:"100px"}}," \u5185\u5BB9 ",-1),Rs=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u7C7B\u578B"),n("th",null,"\u9ED8\u8BA4\u503C"),n("th",null,"\u53EF\u9009\u503C"),n("th",null,"\u7248\u672C")])]),n("tbody",null,[n("tr",null,[n("td",null,"columns"),n("td",null,[s("\u5217\u914D\u7F6E - "),n("a",{href:"#tableColumn"},"\u66F4\u591A")]),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"dataSource"),n("td",null,"\u6570\u636E\u6E90"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"checkbox"),n("td",null,"\u5F00\u542F\u590D\u9009\u6846"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"false")]),n("td",null,[n("code",null,"true"),s(),n("code",null,"false")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"id"),n("td",null,"\u4E3B\u952E"),n("td",null,[n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"v-model:selectedKeys"),n("td",null,"\u9009\u4E2D\u9879 (\u591A\u9009)"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"v-model:selectedKey"),n("td",null,"\u9009\u4E2D\u9879 (\u5355\u9009)"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"default-toolbar"),n("td",null,"\u5DE5\u5177\u680F"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"false")]),n("td",null,[n("code",null,"true"),s(),n("code",null,"false")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"size"),n("td",null,"\u5C3A\u5BF8"),n("td",null,[n("code",null,"string")]),n("td",null,[n("code",null,"md")]),n("td",null,[n("code",null,"lg"),s(),n("code",null,"md"),s(),n("code",null,"sm")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"children-column-name"),n("td",null,"\u6811\u8282\u70B9\u5B57\u6BB5"),n("td",null,[n("code",null,"string")]),n("td",null,[n("code",null,"children")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"indent-size"),n("td",null,"\u6811\u8868\u884C\u7EA7\u7F29\u8FDB"),n("td",null,[n("code",null,"number")]),n("td",null,[n("code",null,"30")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"height"),n("td",null,"\u8868\u683C\u9AD8\u5EA6"),n("td",null,[n("code",null,"number")]),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"maxHeight"),n("td",null,"\u8868\u683C\u6700\u5927\u9AD8\u5EA6"),n("td",null,[n("code",null,"number")]),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"even"),n("td",null,"\u6591\u9A6C\u6761\u7EB9"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"false")]),n("td",null,[n("code",null,"true"),s(),n("code",null,"false")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"cellStyle"),n("td",null,"\u5217\u6837\u5F0F function(row, column, rowIndex, columnIndex)"),n("td",null,[n("code",null,"string"),s(),n("code",null,"function")]),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"rowStyle"),n("td",null,"\u884C\u6837\u5F0F function(row, rowIndex)"),n("td",null,[n("code",null,"string"),s(),n("code",null,"function")]),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"cellClassName"),n("td",null,"\u5217\u7C7B\u540D\u79F0 function(row, column, rowIndex, columnIndex)"),n("td",null,[n("code",null,"string"),s(),n("code",null,"function")]),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"rowClassName"),n("td",null,"\u884C\u7C7B\u540D\u79F0 function(row, rowIndex)"),n("td",null,[n("code",null,"string"),s(),n("code",null,"function")]),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"skin"),n("td",null,"\u98CE\u683C"),n("td",null,[n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,[n("code",null,"line"),s(),n("code",null,"row"),s(),n("code",null,"nob")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"expand-index"),n("td",null,"\u5C55\u5F00\u6240\u5728\u5217"),n("td",null,[n("code",null,"number")]),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"default-expand-all"),n("td",null,"\u9ED8\u8BA4\u5C55\u5F00\u6240\u6709\u5217"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"false")]),n("td",null,[n("code",null,"true"),s(),n("code",null,"false")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"expand-keys"),n("td",null,"\u5C55\u5F00\u7684\u5217"),n("td",null,[n("code",null,"array")]),n("td",null,[n("code",null,"[]")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"span-method"),n("td",null,"\u5408\u5E76\u7B97\u6CD5"),n("td",null,[n("code",null,"function")]),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,[n("code",null,"1.4.0")])]),n("tr",null,[n("td",null,"getCheckboxProps"),n("td",null,"\u591A\u9009\u884C\u5C5E\u6027"),n("td",null,[n("code",null,"function")]),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,[n("code",null,"1.4.0")])]),n("tr",null,[n("td",null,"getRadioProps"),n("td",null,"\u5355\u9009\u884C\u5C5E\u6027"),n("td",null,[n("code",null,"function")]),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,[n("code",null,"1.4.0")])])])],-1),Hs=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"row"),n("td",null,"\u884C\u5355\u51FB"),n("td",null,"data : \u5F53\u524D\u884C")]),n("tr",null,[n("td",null,"row-double"),n("td",null,"\u884C\u53CC\u51FB"),n("td",null,"data : \u5F53\u524D\u884C")]),n("tr",null,[n("td",null,"row-contextmenu"),n("td",null,"\u884C\u53F3\u51FB"),n("td",null,"data : \u5F53\u524D\u884C")]),n("tr",null,[n("td",null,"change"),n("td",null,"\u5206\u9875\u4E8B\u4EF6"),n("td",null,"{ current: \u5F53\u524D\u9875\u7801, limit: \u6BCF\u9875\u6570\u91CF }")])])],-1),As=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u63D2\u69FD"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53C2\u6570"),n("th",null,"\u7248\u672C")])]),n("tbody",null,[n("tr",null,[n("td",null,"toolbar"),n("td",null,"\u81EA\u5B9A\u4E49\u5DE5\u5177\u680F"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"footer"),n("td",null,"\u5E95\u90E8\u6269\u5C55"),n("td",null,"\u2013"),n("td",null,[n("code",null,"1.4.4")])])])],-1),Ws=n("h3",null,[n("div",{id:"tableColumn"})],-1),Ms=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u63D2\u69FD"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u7C7B\u578B"),n("th",null,"\u9ED8\u8BA4\u503C"),n("th",null,"\u53EF\u9009\u503C"),n("th",null,"\u7248\u672C")])]),n("tbody",null,[n("tr",null,[n("td",null,"title"),n("td",null,"\u5217\u6807\u9898"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"key"),n("td",null,"\u6570\u636E\u5B57\u6BB5"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"customSlot"),n("td",null,"\u81EA\u5B9A\u4E49\u63D2\u69FD"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"width"),n("td",null,"\u5BBD\u5EA6"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"minWidth"),n("td",null,"\u6700\u5C0F\u5BBD\u5EA6"),n("td",null,"\u2013"),n("td",null,[n("code",null,"100px")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"sort"),n("td",null,"\u6392\u5E8F"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"titleSlot"),n("td",null,"\u6807\u9898\u63D2\u69FD"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"align"),n("td",null,"\u5BF9\u9F50\u65B9\u5F0F"),n("td",null,[n("code",null,"string")]),n("td",null,[n("code",null,"left")]),n("td",null,[n("code",null,"left"),s(),n("code",null,"right"),s(),n("code",null,"center")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"ellipsisTooltip"),n("td",null,"\u5F53\u5185\u5BB9\u8FC7\u957F\u88AB\u9690\u85CF\u65F6\u663E\u793A tooltip"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"false")]),n("td",null,[n("code",null,"true"),s(),n("code",null,"false")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"fixed"),n("td",null,"\u5217\u56FA\u5B9A"),n("td",null,[n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,[n("code",null,"left"),s(),n("code",null,"right")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"type"),n("td",null,"\u5217\u7C7B\u578B"),n("td",null,[n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,[n("code",null,"number"),s(),n("code",null,"checkbox"),s(),n("code",null,"radio")]),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"children"),n("td",null,"\u8868\u5934\u5206\u7EC4"),n("td",null,[n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,[n("code",null,"number"),s(),n("code",null,"checkbox"),s(),n("code",null,"radio")]),n("td",null,[n("code",null,"1.4.0")])])])],-1),Bs={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},Fs={},Gs={__name:"table",setup(Os,{expose:P}){let v=[{title:"\u8D26\u6237",width:"200px",key:"username"},{title:"\u5BC6\u7801",width:"180px",key:"password"},{title:"\u5E74\u9F84",width:"180px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],f=[{username:"root",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"root",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93."}],J=[{title:"\u8D26\u6237",width:"200px",key:"username"},{title:"\u5BC6\u7801",width:"180px",key:"password"},{title:"\u5E74\u9F84",width:"180px",key:"age"}],F=[{username:"root",password:"root",age:"18"},{username:"woow",password:"woow",age:"20"}],i=u("md"),G=u({total:100,limit:10,current:2,showRefresh:!0}),L=({current:k,limit:e})=>{Pn.msg("current:"+k+" limit:"+e)},Q=[{title:"\u8D26\u6237",width:"200px",slot:"username",key:"username"},{title:"\u5BC6\u7801",width:"180px",slot:"password",key:"password"},{title:"\u5E74\u9F84",width:"180px",key:"age"}],X=[{username:"root",password:"root",age:"18"},{username:"woow",password:"woow",age:"20"}],Y=[{title:"\u59D3\u540D",width:"200px",key:"name"},{title:"\u6210\u7EE9",width:"180px",key:"score",sort:!0}],Z=[{name:"\u5F20\u4E09",score:100},{name:"\u674E\u56DB",score:80},{name:"\u738B\u4E8C",score:99},{name:"\u9EBB\u5B50",score:92},{name:"\u65E0\u540D",score:60},{name:"\u6709\u540D",score:70}],E=[{title:"\u59D3\u540D",width:"200px",key:"name"},{title:"\u6210\u7EE9",width:"180px",key:"score"}],D=[{id:"1",name:"\u5F20\u4E09",score:100},{id:"2",name:"\u674E\u56DB",score:80},{id:"3",name:"\u738B\u4E8C",score:99},{id:"4",name:"\u9EBB\u5B50",score:92},{id:"5",name:"\u65E0\u540D",score:60},{id:"6",name:"\u6709\u540D",score:70}],U=u(["1"]),$=u(!1),nn=[{title:"\u59D3\u540D",width:"200px",key:"name",ellipsisTooltip:!0},{title:"\u6210\u7EE9",width:"180px",key:"score"}],sn=[{id:"1",name:"\u7CFB\u7EDF\u7BA1\u7406",score:100,children:[{id:"3",name:"\u7528\u6237\u7BA1\u7406",score:99},{id:"5",name:"\u89D2\u8272\u7BA1\u7406",score:96,children:[{id:"7",name:"\u7528\u6237\u7BA1\u7406",score:99},{id:"8",name:"\u89D2\u8272\u7BA1\u7406",score:96}]}]},{id:"2",name:"\u7535\u5546\u7BA1\u7406",score:100,children:[{id:"4",name:"\u5546\u54C1\u7BA1\u7406",score:11},{id:"6",name:"\u5206\u7C7B\u7BA1\u7406",score:22}]}],_=u(["1"]),an=u(!1),tn=u("300px"),on=({username:k})=>{let e=C.value.findIndex(w=>w.username===k);C.value.splice(e,1)},pn=[{title:"\u8D26\u6237",minWidth:"200px",key:"username"},{title:"\u5BC6\u7801",minWidth:"180px",key:"password"},{title:"\u5E74\u9F84",minWidth:"180px",key:"age"},{title:"\u64CD\u4F5C",width:"200px",customSlot:"operator",key:"operator",align:"center"}],C=u([{username:"1",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"2",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"3",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"4",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"5",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"6",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"7",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"8",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93."},{username:"9",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93."},{username:"10",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93."},{username:"11",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93."}]);v=[{title:"\u8D26\u6237",width:"200px",key:"username"},{title:"\u5BC6\u7801",width:"180px",key:"password"},{title:"\u5E74\u9F84",width:"180px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],f=[{username:"root",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"root",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}],v=[{title:"\u8D26\u6237",width:"200px",key:"username"},{title:"\u5BC6\u7801",width:"180px",key:"password"},{title:"\u5E74\u9F84",width:"180px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],f=[{username:"root",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"root",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}];let en=function(k,e,w,l){if(l%2==0)return"color:red"},ln=function(k,e){if(e%2==0)return"color:blue"},y=u("line");v=[{title:"\u8D26\u6237",width:"200px",key:"username"},{title:"\u5BC6\u7801",width:"180px",key:"password"},{title:"\u5E74\u9F84",width:"180px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],f=[{username:"root",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"root",password:"root",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}];let cn=[{title:"\u8D26\u6237",width:"200px",key:"username"},{title:"\u5BC6\u7801",width:"300px",key:"password"},{fixed:"right",title:"\u6027\u522B",width:"300px",key:"sex"},{fixed:"right",title:"\u5E74\u9F84",width:"300px",key:"age"},{fixed:"right",title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],rn=[{username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}],un=[{type:"number"},{title:"\u8D26\u6237",width:"200px",key:"username"},{title:"\u5BC6\u7801",width:"300px",key:"password"},{title:"\u6027\u522B",key:"sex"},{title:"\u5E74\u9F84",width:"300px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],kn=[{username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}],d=u(["1"]),yn=()=>{d.value=["2"]},dn=()=>{N.value=[{id:"1",username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"2",username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}]},gn=[{fixed:"left",type:"checkbox"},{title:"\u8D26\u6237",width:"200px",key:"username",fixed:"left"},{title:"\u5BC6\u7801",width:"300px",key:"password"},{title:"\u6027\u522B",key:"sex"},{title:"\u5E74\u9F84",width:"300px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],N=u([{id:"1",username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"2",username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"3",username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"4",username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"5",username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}]),mn=[{type:"radio"},{title:"\u8D26\u6237",width:"200px",key:"username"},{title:"\u5BC6\u7801",width:"300px",key:"password"},{title:"\u6027\u522B",key:"sex"},{title:"\u5E74\u9F84",width:"300px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],S=u("2"),wn=[{id:"1",username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"2",username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"3",username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"4",username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"5",username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}],xn=[{title:"\u8D26\u6237",width:"500px",key:"username"},{title:"\u5BC6\u7801",width:"500px",key:"password"},{title:"\u6027\u522B",key:"sex"},{title:"\u5E74\u9F84",width:"600px",key:"age"},{title:"\u5907\u6CE8",width:"380px",key:"remark",ellipsisTooltip:!0}],vn=[],fn=[{title:"\u8D26\u6237",width:"200px",key:"username"},{title:"\u5BC6\u7801",width:"300px",key:"password"},{title:"\u6027\u522B",width:"300px",key:"sex"},{title:"\u5E74\u9F84",width:"300px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],R=u([{username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}]),hn=()=>{R.value=[{username:"update",password:"update",sex:"boy",age:"18",remark:"\u66F4\u65B0\u6570\u636E "}]},bn=[{title:"\u8D26\u6237",width:"200px",key:"username"},{title:"\u5BC6\u7801",width:"300px",key:"password"},{title:"\u6027\u522B",key:"sex",totalRow:"\u5408\u5E76:"},{title:"\u5E74\u9F84",width:"300px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],In=[{username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}],Un=[{title:"\u8D26\u6237",width:"200px",key:"username"},{title:"\u5BC6\u7801",width:"300px",key:"password"},{title:"\u6027\u522B",key:"sex"},{title:"\u5E74\u9F84",width:"300px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],_n=[{id:"1",username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"2",username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"3",username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"4",username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"5",username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}],Sn=(k,e,w,l)=>{if(w%2===0){if(l===0)return[1,2];if(l===1)return[0,0]}},h=u([]),qn=[{title:"\u8D26\u6237",width:"200px",key:"username",customSlot:"username"},{title:"\u5BC6\u7801",width:"300px",key:"password"},{title:"\u6027\u522B",key:"sex"},{title:"\u5E74\u9F84",width:"300px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],H=u([{id:"1",username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"2",username:"root",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"3",username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"4",username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"5",username:"woow",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}]),Vn=k=>{h.value.push(k)},Tn=k=>{h.value.splice(h.value.indexOf(k),1)},Kn=(k,e)=>{H.value.forEach(w=>{w.id==e.id&&(w.username=k)})},Cn=[{title:"\u540D\u79F0",width:"200px",key:"username"},{title:"\u5730\u5740",children:[{title:"\u7701",key:"province",width:"300px"},{title:"\u5E02",key:"city",width:"300px"},{title:"\u533A",key:"area",width:"300px"}]},{title:"\u6027\u522B",key:"sex"},{title:"\u5E74\u9F84",width:"300px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],zn=[{id:"1",username:"\u5C31\u7720\u5100\u5F0F",province:"\u5C71\u4E1C",city:"\u6D4E\u5357",area:"\u9AD8\u65B0\u533A",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"2",username:"\u5C31\u7720\u5100\u5F0F",province:"\u5C71\u4E1C",city:"\u6D4E\u5357",area:"\u9AD8\u65B0\u533A",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"3",username:"\u5C31\u7720\u5100\u5F0F",province:"\u5C71\u4E1C",city:"\u6D4E\u5357",area:"\u9AD8\u65B0\u533A",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"4",username:"\u5C31\u7720\u5100\u5F0F",province:"\u5C71\u4E1C",city:"\u6D4E\u5357",area:"\u9AD8\u65B0\u533A",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"5",username:"\u5C31\u7720\u5100\u5F0F",province:"\u5C71\u4E1C",city:"\u6D4E\u5357",area:"\u9AD8\u65B0\u533A",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}],z=u(!1),jn=[{title:"\u540D\u79F0",width:"200px",key:"username"},{title:"\u5730\u5740",children:[{title:"\u7701",key:"province",width:"300px"},{title:"\u5E02",key:"city",width:"300px"},{title:"\u533A",key:"area",width:"300px"}]},{title:"\u6027\u522B",key:"sex"},{title:"\u5E74\u9F84",width:"300px",key:"age"},{title:"\u5907\u6CE8",width:"180px",key:"remark",ellipsisTooltip:!0}],A=u([]),En=()=>{z.value=!0,setTimeout(()=>{A.value=[{id:"1",username:"\u5C31\u7720\u5100\u5F0F",province:"\u5C71\u4E1C",city:"\u6D4E\u5357",area:"\u9AD8\u65B0\u533A",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"2",username:"\u5C31\u7720\u5100\u5F0F",province:"\u5C71\u4E1C",city:"\u6D4E\u5357",area:"\u9AD8\u65B0\u533A",password:"root",sex:"\u7537",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"3",username:"\u5C31\u7720\u5100\u5F0F",province:"\u5C71\u4E1C",city:"\u6D4E\u5357",area:"\u9AD8\u65B0\u533A",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"4",username:"\u5C31\u7720\u5100\u5F0F",province:"\u5C71\u4E1C",city:"\u6D4E\u5357",area:"\u9AD8\u65B0\u533A",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "},{id:"5",username:"\u5C31\u7720\u5100\u5F0F",province:"\u5C71\u4E1C",city:"\u6D4E\u5357",area:"\u9AD8\u65B0\u533A",password:"woow",sex:"\u7537",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) "}],z.value=!1},5e3)};d=u(["1"]);let Dn=u(!0),Nn=u(!0),Rn=u("600px"),Hn={total:100,limit:10,current:1},An=[{title:"\u5E8F\u53F7",fixed:"left",type:"checkbox",width:"50px"},{title:"\u59D3\u540D",fixed:"left",width:"200px",titleSlot:"name-title",customSlot:"name",key:"name",align:"left"},{title:"\u5E74\u9F84",width:"300px",key:"age",ellipsisTooltip:!0,totalRow:!0,totalRowMethod:(k,e)=>"<span style='color:red'>\u81EA\u5B9A\u4E49\u7EDF\u8BA1</span>"},{title:"\u5907\u6CE8",width:"300px",key:"remark",ellipsisTooltip:!0},{title:"\u64CD\u4F5C",width:"150px",fixed:"right",customSlot:"operator",key:"operator"}],Wn=[{id:"1",name:"\u5C0F\u660E",age:"18",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93."},{id:"2",name:"\u5C0F\u7EA2",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93."},{id:"3",name:"\u5C0F\u521A",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93."},{id:"4",name:"\u5C0F\u674E",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93."},{id:"5",name:"\u5C0F\u67CF",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93."},{id:"6",name:"\u5C0F\u5409",age:"20",remark:"layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93.layui - vue\uFF08\u8C10\u97F3\uFF1A\u7C7B UI) \u662F \u4E00 \u5957 Vue 3.0 \u7684 \u684C \u9762 \u7AEF \u7EC4 \u4EF6 \u5E93."}],Mn=function(k){console.log(JSON.stringify(k))};return Jn(d,()=>{console.log("\u590D\u9009\u6846\u76D1\u542C:"+d.value)}),P({frontmatter:{}}),(k,e)=>{const w=g("lay-anchor"),l=g("lay-field"),c=g("lay-table"),r=g("lay-code"),b=g("lay-radio"),W=g("lay-form"),x=g("lay-button"),q=g("lay-icon"),Bn=g("lay-input"),V=g("lay-table-box"),On=g("lay-contributor"),M=g("router-link");return I(),B("div",Fn,[a(w,{anchors:"\u57FA\u672C\u4ECB\u7ECD,\u57FA\u7840\u4F7F\u7528,\u4E0D\u540C\u5C3A\u5BF8,\u5F00\u542F\u5206\u9875,\u5F00\u542F\u6392\u5E8F,\u5F00\u542F\u5B50\u8868,\u6811\u5F62\u8868\u683C,\u56FA\u5B9A\u8868\u5934,\u6591\u9A6C\u6761\u7EB9,\u5B9A\u4E49\u6837\u5F0F,\u4E0D\u540C\u98CE\u683C,\u56FA\u5B9A\u884C\u5217,\u5F00\u542F\u5E8F\u53F7,\u5F00\u542F\u591A\u9009,\u5F00\u542F\u5355\u9009,\u6682\u65E0\u6570\u636E,\u5237\u65B0\u6570\u636E,\u5F00\u542F\u7EDF\u8BA1,\u5408\u5E76\u884C\u5217,\u884C\u5185\u7F16\u8F91,\u590D\u6742\u8868\u5934,\u52A0\u8F7D\u8FC7\u6E21,\u5B8C\u6574\u8868\u683C,Table \u5C5E\u6027,Table \u4E8B\u4EF6,Table \u63D2\u69FD,Table \u6570\u636E",currIndex:-1,show:!0}),a(l,{id:"\u57FA\u672C\u4ECB\u7ECD",title:"\u57FA\u672C\u4ECB\u7ECD",style:{"margin-top":"21px","margin-bottom":"20px"}}),Gn,a(l,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[Ln]),code:t(()=>[Qn]),default:t(()=>[a(c,{columns:o(v),"data-source":o(f)},null,8,["columns","data-source"])]),_:1}),a(l,{id:"\u4E0D\u540C\u5C3A\u5BF8",title:"\u4E0D\u540C\u5C3A\u5BF8",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{code:t(()=>[Xn]),default:t(()=>[a(W,null,{default:t(()=>[a(b,{modelValue:o(i),"onUpdate:modelValue":e[0]||(e[0]=p=>m(i)?i.value=p:i=p),name:"action",value:"sm"},{default:t(()=>[s("sm")]),_:1},8,["modelValue"]),a(b,{modelValue:o(i),"onUpdate:modelValue":e[1]||(e[1]=p=>m(i)?i.value=p:i=p),name:"action",value:"md"},{default:t(()=>[s("md")]),_:1},8,["modelValue"]),a(b,{modelValue:o(i),"onUpdate:modelValue":e[2]||(e[2]=p=>m(i)?i.value=p:i=p),name:"action",value:"lg"},{default:t(()=>[s("lg")]),_:1},8,["modelValue"])]),_:1}),a(c,{columns:o(J),"data-source":o(F),size:o(i)},null,8,["columns","data-source","size"])]),_:1}),a(l,{id:"\u5F00\u542F\u5206\u9875",title:"\u5F00\u542F\u5206\u9875",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{code:t(()=>[Yn]),default:t(()=>[a(c,{columns:o(Q),"data-source":o(X),page:o(G),onChange:o(L)},null,8,["columns","data-source","page","onChange"])]),_:1}),a(l,{id:"\u5F00\u542F\u6392\u5E8F",title:"\u5F00\u542F\u6392\u5E8F",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{code:t(()=>[Zn]),default:t(()=>[a(c,{columns:o(Y),"data-source":o(Z)},null,8,["columns","data-source"])]),_:1}),a(l,{id:"\u5F00\u542F\u5B50\u8868",title:"\u5F00\u542F\u5B50\u8868",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[$n]),code:t(()=>[ns]),default:t(()=>[a(c,{columns:o(E),"data-source":o(D),"default-expand-all":o($),expandKeys:o(U),"onUpdate:expandKeys":e[3]||(e[3]=p=>m(U)?U.value=p:U=p)},{expand:t(({data:p})=>[a(c,{columns:o(E),"data-source":o(D)},null,8,["columns","data-source"])]),_:1},8,["columns","data-source","default-expand-all","expandKeys"])]),_:1}),a(l,{id:"\u6811\u5F62\u8868\u683C",title:"\u6811\u5F62\u8868\u683C",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[ss]),code:t(()=>[as]),default:t(()=>[a(c,{columns:o(nn),"data-source":o(sn),"default-expand-all":o(an),expandKeys:o(_),"onUpdate:expandKeys":e[4]||(e[4]=p=>m(_)?_.value=p:_=p)},{score:t(({data:p})=>[s(K(p),1)]),_:1},8,["columns","data-source","default-expand-all","expandKeys"])]),_:1}),a(l,{id:"\u56FA\u5B9A\u8868\u5934",title:"\u56FA\u5B9A\u8868\u5934",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[ts]),code:t(()=>[os]),default:t(()=>[a(c,{columns:o(pn),"data-source":o(C),"max-height":o(tn)},{operator:t(({data:p})=>[a(x,{size:"xs",onClick:T=>o(on)(p)},{default:t(()=>[s("\u5220\u9664")]),_:2},1032,["onClick"])]),_:1},8,["columns","data-source","max-height"])]),_:1}),a(l,{id:"\u6591\u9A6C\u6761\u7EB9",title:"\u6591\u9A6C\u6761\u7EB9",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[ps]),code:t(()=>[es]),default:t(()=>[a(c,{columns:o(v),"data-source":o(f),even:""},null,8,["columns","data-source"])]),_:1}),a(l,{id:"\u5B9A\u4E49\u6837\u5F0F",title:"\u5B9A\u4E49\u6837\u5F0F",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[ls]),code:t(()=>[cs]),default:t(()=>[a(c,{columns:o(v),"data-source":o(f),"cell-style":o(en),"row-style":o(ln)},null,8,["columns","data-source","cell-style","row-style"])]),_:1}),a(l,{id:"\u4E0D\u540C\u98CE\u683C",title:"\u4E0D\u540C\u98CE\u683C",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[rs]),code:t(()=>[us]),default:t(()=>[a(W,null,{default:t(()=>[a(b,{modelValue:o(y),"onUpdate:modelValue":e[5]||(e[5]=p=>m(y)?y.value=p:y=p),name:"action",value:"line"},{default:t(()=>[s("line")]),_:1},8,["modelValue"]),a(b,{modelValue:o(y),"onUpdate:modelValue":e[6]||(e[6]=p=>m(y)?y.value=p:y=p),name:"action",value:"nob"},{default:t(()=>[s("nob")]),_:1},8,["modelValue"]),a(b,{modelValue:o(y),"onUpdate:modelValue":e[7]||(e[7]=p=>m(y)?y.value=p:y=p),name:"action",value:"row"},{default:t(()=>[s("row")]),_:1},8,["modelValue"])]),_:1}),a(c,{columns:o(v),"data-source":o(f),skin:o(y)},null,8,["columns","data-source","skin"])]),_:1}),a(l,{id:"\u56FA\u5B9A\u884C\u5217",title:"\u56FA\u5B9A\u884C\u5217",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[ks]),code:t(()=>[is]),default:t(()=>[a(c,{columns:o(cn),"data-source":o(rn)},null,8,["columns","data-source"])]),_:1}),a(l,{id:"\u5F00\u542F\u5E8F\u53F7",title:"\u5F00\u542F\u5E8F\u53F7",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[ys]),code:t(()=>[ds]),default:t(()=>[a(c,{columns:o(un),"data-source":o(kn)},null,8,["columns","data-source"])]),_:1}),a(l,{id:"\u5F00\u542F\u591A\u9009",title:"\u5F00\u542F\u591A\u9009",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[gs]),code:t(()=>[ms]),default:t(()=>[a(x,{onClick:o(yn)},{default:t(()=>[s("\u4FEE\u6539\u9009\u4E2D")]),_:1},8,["onClick"]),a(x,{onClick:o(dn)},{default:t(()=>[s("\u4FEE\u6539\u6570\u636E")]),_:1},8,["onClick"]),a(c,{columns:o(gn),"data-source":o(N),selectedKeys:o(d),"onUpdate:selectedKeys":e[8]||(e[8]=p=>m(d)?d.value=p:d=p)},null,8,["columns","data-source","selectedKeys"])]),_:1}),a(l,{id:"\u5F00\u542F\u5355\u9009",title:"\u5F00\u542F\u5355\u9009",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[ws]),code:t(()=>[xs]),default:t(()=>[a(c,{columns:o(mn),"data-source":o(wn),"selected-key":o(S),"onUpdate:selected-key":e[9]||(e[9]=p=>m(S)?S.value=p:S=p)},null,8,["columns","data-source","selected-key"])]),_:1}),a(l,{id:"\u6682\u65E0\u6570\u636E",title:"\u6682\u65E0\u6570\u636E",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[vs]),code:t(()=>[fs]),default:t(()=>[a(c,{columns:o(xn),"data-source":o(vn)},null,8,["columns","data-source"])]),_:1}),a(l,{id:"\u5237\u65B0\u6570\u636E",title:"\u5237\u65B0\u6570\u636E",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[hs]),code:t(()=>[bs]),default:t(()=>[a(x,{onClick:o(hn)},{default:t(()=>[s("\u66F4\u65B0\u6570\u636E")]),_:1},8,["onClick"]),a(c,{columns:o(fn),"data-source":o(R)},null,8,["columns","data-source"])]),_:1}),a(l,{id:"\u5F00\u542F\u7EDF\u8BA1",title:"\u5F00\u542F\u7EDF\u8BA1",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[Is]),code:t(()=>[Us]),default:t(()=>[a(c,{columns:o(bn),"data-source":o(In)},null,8,["columns","data-source"])]),_:1}),a(l,{id:"\u5408\u5E76\u884C\u5217",title:"\u5408\u5E76\u884C\u5217",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[_s]),code:t(()=>[Ss]),default:t(()=>[a(c,{columns:o(Un),"data-source":o(_n),"span-method":o(Sn),"default-toolbar":!0},null,8,["columns","data-source","span-method"])]),_:1}),a(l,{id:"\u884C\u5185\u7F16\u8F91",title:"\u884C\u5185\u7F16\u8F91",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[qs]),code:t(()=>[Vs]),default:t(()=>[a(c,{columns:o(qn),"data-source":o(H)},{username:t(({data:p})=>[o(h)[p.id]?(I(),j(Bn,{key:0,"model-value":p.username,onInput:T=>o(Kn)(T,p)},{suffix:t(()=>[o(h)[p.id]?(I(),j(q,{key:0,type:"layui-icon-close",style:{right:"10px"},onClick:T=>o(Tn)(p.id)},null,8,["onClick"])):O("",!0)]),_:2},1032,["model-value","onInput"])):(I(),B("span",Ts,[s(K(p.username)+" ",1),o(h)[p.id]?O("",!0):(I(),j(q,{key:0,type:"layui-icon-edit",style:{position:"absolute",right:"10px"},onClick:T=>o(Vn)(p.id)},null,8,["onClick"]))]))]),_:1},8,["columns","data-source"])]),_:1}),a(l,{id:"\u590D\u6742\u8868\u5934",title:"\u590D\u6742\u8868\u5934",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[Ks]),code:t(()=>[Cs]),default:t(()=>[a(c,{columns:o(Cn),"data-source":o(zn),"default-toolbar":!0},null,8,["columns","data-source"])]),_:1}),a(l,{id:"\u52A0\u8F7D\u8FC7\u6E21",title:"\u52A0\u8F7D\u8FC7\u6E21",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[zs]),code:t(()=>[js]),default:t(()=>[a(x,{onClick:o(En)},{default:t(()=>[s("\u52A0\u8F7D\u6570\u636E")]),_:1},8,["onClick"]),a(c,{columns:o(jn),"data-source":o(A),loading:o(z)},null,8,["columns","data-source","loading"])]),_:1}),a(l,{id:"\u5B8C\u6574\u8868\u683C",title:"\u5B8C\u6574\u8868\u683C",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(r,null,{description:t(()=>[Es]),code:t(()=>[Ds]),default:t(()=>[a(c,{id:"id","max-height":o(Rn),columns:o(An),"expand-index":1,"data-source":o(Wn),checkbox:o(Dn),page:o(Hn),"default-toolbar":o(Nn),"selected-keys":o(d),"onUpdate:selected-keys":e[10]||(e[10]=p=>m(d)?d.value=p:d=p),onRow:o(Mn)},{toolbar:t(()=>[a(x,{size:"sm",type:"primary"},{default:t(()=>[s("\u65B0\u589E")]),_:1}),a(x,{size:"sm"},{default:t(()=>[s("\u5220\u9664")]),_:1})]),name:t(({data:p})=>[s(K(p.name),1)]),"name-title":t(()=>[s("\u{1F60A}")]),birthday:t(({data:p})=>[s(K(p.birthday),1)]),operator:t(({data:p})=>[a(x,{size:"xs"},{default:t(()=>[s("\u4FEE\u6539")]),_:1}),a(x,{size:"xs",type:"primary"},{default:t(()=>[s("\u5220\u9664")]),_:1})]),expand:t(({data:p})=>[Ns]),_:1},8,["max-height","columns","data-source","checkbox","page","default-toolbar","selected-keys","onRow"])]),_:1}),a(l,{id:"Table \u5C5E\u6027",title:"Table \u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(V,null,{default:t(()=>[Rs]),_:1}),a(l,{id:"Table \u4E8B\u4EF6",title:"Table \u4E8B\u4EF6",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(V,null,{default:t(()=>[Hs]),_:1}),a(l,{id:"Table \u63D2\u69FD",title:"Table \u63D2\u69FD",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(V,null,{default:t(()=>[As]),_:1}),Ws,a(l,{id:"Table \u6570\u636E",title:"Table \u6570\u636E",style:{"margin-top":"21px","margin-bottom":"20px"}}),a(V,null,{default:t(()=>[Ms]),_:1}),a(On,{"file-path":"table"}),n("div",Bs,[n("div",null,[a(M,{to:"/zh-CN/components/collapse",class:"lay-link",style:{display:""}},{default:t(()=>[a(q,{type:"layui-icon-left"}),s("\u6298\u53E0\u9762\u677F")]),_:1})]),n("div",null,[a(M,{to:"/zh-CN/components/avatar",class:"lay-link",style:{display:""}},{default:t(()=>[s("\u5934\u50CF "),a(q,{type:"layui-icon-right"})]),_:1})])])])}}};export{Gs as default,Fs as frontmatter};
|