/Javascript/Vue/Vuejs get data fromo ajax

Vuejs get data fromo ajax

<script type="text/javascript">
var ItemsVue = new Vue({
    el: '#Itemlist',
    data: {
        items: []
    },
    mounted: function () {
        var self = this;
        $.ajax({
            url: '/items',
            method: 'GET',
            success: function (data) {
                self.items = JSON.parse(data);
            },
            error: function (error) {
                console.log(error);
            }
        });
    }
});
</script>

<div id="Itemlist">
    <table class="table">
        <tr>
            <th>Item</th>
            <th>Year</th>
        </tr>
        <tr v-for="item in items">
            <td>{{item.DisplayName}}</td>
            <td>{{item.Year}}</td>
        </tr>
    </table>
</div>

Source: stackoverflow.com

Similar codes

0 vote352 views1 answer
Vuetify change text color of radio button
Javascript Vue
0 vote350 views1 answer
Laravel vue global function
Javascript Vue
0 vote361 views1 answer
Reset reactive state vue 3
Javascript Vue
1 vote360 views1 answer
Vuejs watch for nested data
Javascript Vue
77 votes530 views6 answers
Install vue cli
Javascript Vue
0 vote321 views1 answer
How are vue components identified
Javascript Vue
18 votes476 views6 answers
Vue js cdn
Javascript Vue
10 votes429 views2 answers
Vuejs does props factory function have access to vue instance
Javascript Vue
0 vote339 views1 answer
Vuelidate custom error messages
Javascript Vue
0 vote352 views1 answer
How get state global in modules in vue
Javascript Vue