Question

在ExampleComponent中，我监听事件，并接收用户的IP。然后，我想在Vue中显示数据。但是如何传递这些数据（变量$ ip）？我的意思是我应该将数据带到我的页面上（而不是console.log）（console.log有效）。

<script>
export default {
    data: function() {
        return {
   ip:''
},
     mounted() {
        window.Echo.channel('channelName')
            .listen('eventIp', (e) => {
              this.ip=e
            })
        }
     }
</script>

对于ExampleComponent，它建立在我的管理页面中，我可以在其中监听事件。

这只是一行< example-component>

Answer 1

在脚本中添加数据部分，如下所示：

<script>
export default {
data(){
   return{
     ip:''
   }
},

在脚本之前和模板标签内添加div，p，h1，span等以显示ip变量。

<template>
.
.
.
<div v-html="ip"></div>
.
.
.
</template>

然后在收到频道信息时更改ip变量：

    mounted() {
        window.Echo.channel('channelName')
            .listen('eventIp', (e) => {
                this.ip=e
            })
   }
}

自动更改为ip值的值。

如何将数据传递到Vue

1 个答案: