element UIは、動的に何行かのテーブルを生成する.


element UIは、動的に何行かのテーブルを生成する.
今は需要があります.ユーザーの選択した列によって、自動的にサイズのテーブルを生成します.以下のような実現はまだ整っていません.データが違っていますので、ダイナミックな効果を実現しただけです.アイデアを提供します.後でどうやって実現すればいいか考えてみます.まず記録してください.
コードを直接見ましょう



    
    elementUI table      
  
  
  



let vm=new Vue({}
el:'( ap)
ダタ(){
return{
flook NumList:[
{florId:1}
{florId:2}
{florId:3}
{florId:4}
{florId:5}
{florId:6}
{florId:7}
{florId:8}
{florId:9}
{florId:10}
」、
florNum:'
//1 のデフォルト の と
row 1:1、
col 1:1、
//2 のデフォルト の と
row 2:1
col 2:1、
//3 のデフォルト の と
row 3:1
コール3:1、
//4 のデフォルト の と
row 4:1、
col 4:1、
//5 のデフォルト の と
row 5:1、
col 5:1、
rowDataList 1:[//デフォルトはオブジェクトに、つまりデフォルトの は1 のデータです.
id:Math.ceir(Math.random()*100)

colData List 1:[
{id:'1 '}
」、
)
}
methods:{
col 1 Change(){
//トリガ1 につき、データをクリアする
this.com Data List 1=[{id:'1 ']]
// した 1 の 1 の を します.
let len=this.co.l 1
if(len>1){
for(let i=2;i<=len;i+){
this.com Data List 1.push({id:i+' ');
)
return this.co.lDataList 1;
}else{
return this.co.lDataList 1;
)
}
row 1 Change(){
//トリガ1 につき、データをクリアする
this.rowData List 1=「{id:Math.ceir(Math.random)」;
let len=this.row 1
if(len>1){
for(let i=2;i<=len;i+){
this.rowData List 1.push({id:Math.random()*100)+i};
)
return this.rowData List 1;
}else{
return this.rowData List 1;
)
}
)

さんが に できるように、 が っているシナリオなどはオンラインリンクで、 ダウンしても があるようにします.


オリジナルの は ちにくいです. は を してください.ありがとうございます. はラテンの です. に してください. に して、 に します. があります ([email protected])