2017-06-01 1 views
0
(function() { 
     new _vue2.default({ 
      el: 'body', 

      data: { 
       tableData: { 
        options: { 
         sortable: true, 
         editable: true, 
         pageCount: 10 
        }, 

        columns: [{ 
         value: 'id', 
         text: 'No', 
         sortable: true, 
         editable: false 
        }, { 
         value: 'name', 
         text: 'Name', 
         sortable: false, 
         editable: false, 
         isHTML: true 
        }, { 
         value: 'items', 
         text: '#of Items', 
         sortable: true, 
         editable: false 
        }, { 
         value: 'total', 
         text: 'Total', 
         sortable: true, 
         editable: false 
        }, { 
         value: 'click', 
         text: '', 
         sortable: false, 
         editable: false, 
         isHTML: true 
        },], 

        rows: [], 

        onPageChanged: function onPageChanged(page) { 
         console.log('Current page is ' + page); 
        } 
       } 
      }, 

      ready: function ready() { 
       console.log(invoice.length); 
       var invoices = invoice; 
       var length = invoice.length; 

       for (var i = 0; i < length; i++) { 
        var obj = { 
         id: { 
          value: i + 1 
         }, 

         name: { 
          value: '<a href="update/'+ invoices[i].id + '">' + invoices[i].invoice + '</a>' 

         }, 

         items: { 
          value: invoices[i].items , 

         }, 

         total: { 
          value: invoices[i].alltotal , 

         }, 



         click: { 
          value: '<a href="pdf/'+ invoices[i].id + '">PDF</a>&nbsp;&nbsp; <form method="POST" action="remove/'+ invoices[i].id + '"><input type="hidden" name="_method" value="DELETE"><button type="submit">Remove</button></form>' 
         }, 
        }; 

        this.tableData.rows.push(obj); 
       } 
      }, 


      components: { 
       DataTable: _DataTable2.default 
      } 
     }); 
    })(); 

Ich möchte Klick löschen Formular erstellen: {}, weil ich den Router-Funktion in Laravel 5.4 löschen verwenden möchten. Meine HTML-Tabelle ist mit vue.js.So muss ich HTML-Code in vue.js schreiben. Ich bekomme diesen Fehler (TokenMismatchException in VerifyCsrfToken.php Zeile 68 :). Wenn jemand weiß, bitte antworte mir.möchte ich csrf_field() in hinzufügen Javascript Laravel

+0

müssen Sie mit Laravel Token schreiben. – Jiro90

+0

ja ich weiß. Aber ich weiß nicht, wie man csrf_field() in der Löschform aufruft (click: {}). –

Antwort

0

Fügen Sie diese in Ihrem <head> tag:

<meta name="csrf-token" content="{{ csrf_token() }}" /> 
+0

Es funktioniert nicht. Ich bekomme denselben Fehler. –

+0

das ist mein index.blade.php –

+0

'

' –

0

Zuerst {{ csrf_token() }} in Ihrer Seite hinzufügen.

Fügen Sie dann die folgende Zeile in Ihrem Löschformular hinzu.

<input type="hidden" name="_token" value="' + document.getElementsByName('_token')[0].value + '"> 
+0

Es ist Arbeit !! Ich danke dir sehr. –

+0

Oder Sie könnten einfach '{!! csrf_field() !!} 'das erzeugt das Feld für Sie. – Sandeesh

+0

@PhyuPhyu Bitte als Antwort markieren. Ty. – Jiro90

Verwandte Themen