jquery配列をvue配列に変換する

Question

テーブル行を配列に変換するjquery関数があります。

$("#table1 tr").click(function() { 
       // alert($(this).text()); 
       // alert($(this).children("td").html()); 
       // app.greet(); 
       var $row = $(this).closest("tr"),  // Finds the closest row <tr> 
        $tds = $row.find("td");    // Finds all children <td> elements 

       $.each($tds, function() {    // Visits every single <td> element 
        // console.log($(this).text()); 
        list.push($tds); 
        // Prints out the text within the <td> 
       }); 
       console.log(list.length) 
      }); 

このようにしてjquery配列を私のvue配列に変換したいとします。

data() { 
     return { 
      tableRow: [ 
       { 
        "name": "name1", 
        "numSongs": "joker", 
        "Year": "year" 
       } 
      ] 
     } 
    }, 

これは私がそれをやろうとした方法ですが、予期せぬjson入力エラーが発生しています。

this.tableRow = JSON.parse(list); 

誰にも示唆がありますか？あなたは、セルの値を取得するために$tds.eq(index).text()を変更することができます

 $("#table1 tr").click(function() { 
      var list = []; 

      var $row = $(this).closest("tr"),  
       $tds = $row.find("td");  

      list.push({name:$tds.eq(0).text(), numSongs:$tds.eq(1).text(), Year:$tds.eq(2).text()}); 
     }); 

：

Answer 1

Json.Parseオブジェクトに文字列を変換し、あなたがそれを使用することはできませんので、これを試してみてください。