From c299518d012c516ee5ae0ff7283dc8061da0e10e Mon Sep 17 00:00:00 2001 From: "ray.zh" Date: Wed, 16 Oct 2024 15:14:03 +0800 Subject: [PATCH] =?UTF-8?q?Update=202024-10-16-element=20Table=E8=A1=A8?= =?UTF-8?q?=E6=A0=BC=E5=88=97=E5=B1=9E=E6=80=A7=E7=BB=91=E5=AE=9A=E5=85=B3?= =?UTF-8?q?=E7=B3=BB=E5=88=86=E6=9E=90.md?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- ...256\232\345\205\263\347\263\273\345\210\206\346\236\220.md" | 3 +++ 1 file changed, 3 insertions(+) diff --git "a/_posts/2024-10-16-element Table\350\241\250\346\240\274\345\210\227\345\261\236\346\200\247\347\273\221\345\256\232\345\205\263\347\263\273\345\210\206\346\236\220.md" "b/_posts/2024-10-16-element Table\350\241\250\346\240\274\345\210\227\345\261\236\346\200\247\347\273\221\345\256\232\345\205\263\347\263\273\345\210\206\346\236\220.md" index 73b3c6c..3c9b779 100644 --- "a/_posts/2024-10-16-element Table\350\241\250\346\240\274\345\210\227\345\261\236\346\200\247\347\273\221\345\256\232\345\205\263\347\263\273\345\210\206\346\236\220.md" +++ "b/_posts/2024-10-16-element Table\350\241\250\346\240\274\345\210\227\345\261\236\346\200\247\347\273\221\345\256\232\345\205\263\347\263\273\345\210\206\346\236\220.md" @@ -19,6 +19,7 @@ tags: 1. div标签 2. 有一个data-v属性 3. class 包含 + ```html
``` @@ -28,6 +29,7 @@ tags: 接下来，通过xpath访问这个table实例(修改class为实际的,然后再console执行): + ```js a = $x("//div[@class='el-table el-table--fit el-table--striped el-table--border el-table--enable-row-hover el-table--enable-row-transition el-table--medium']")[0].__vue__ ``` @@ -35,6 +37,7 @@ a = $x("//div[@class='el-table el-table--fit el-table--striped el-table--border 这里把table实例抓出来赋予了a, 可以自己看a对象的结构去拿数据。 在实例中遍历所有colum列，并打印结果： + ```js a.$children.forEach(item => {console.log(item._props.label, item._props.prop)}) ```