Отображать данные JSON в диалоге с Vue.js - PullRequest
Новая
       0

Отображать данные JSON в диалоге с Vue.js

0 голосов
/ 24 мая 2018

Использование Vue.js, как вы используете axios GET для отображения ответа в диалоге?

Я пробовал следующее: 

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <template>
        <label>Protocol</label> Display protocol details from json
        <div class="text-xs-center">
            <br>
        </div>
    </template>
<script>
export default {
    dialog3: false
    created() {
        let self = this
        axios.get('http://localhost:4000/ap/device')
            .then(function(response) {
                self.fDModelName(response.data.result)
                console.log(JSON.stringify(response.data.result))
            })
    },
    methods: {
        fDModelName: function(message) {
            console.log("inside")
        }
    }
}
</script>
</body>
</html>

1 Ответ

0 голосов
/ 24 мая 2018

Создайте объект данных, в котором у вас есть содержимое в качестве ключа.После создания компонента его можно присвоить значению содержимого компонента. 

<template>
    <div>
        {{ content }}
    </div>
</template>

<script>
export default {
    data () {
        return {
            content: []
        }
    },
    created () {
        axios.get('http://localhost:4000/ap/device')
            .then(function (response) {
                this.content = response.data.result   
            })
    }
}
</script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...