Question

错误详情

属性或方法“chatusers”未在实例上定义，但是在渲染期间引用。确保此属性具有反应性，无论是在数据选项中，还是在基于类的组件中初始化财产。

组件 - 1

<template lang="html">
    <div>
        <select name="User_ID" class = "form-control">
            <option value="-1">Please select User</option>
            <option v-for="chatuser in chatusers" v-bind:value="chatuser.User_ID">
               {{ chatuser.UserName }}
            </option>
        </select>
    </div>
</template>

<script>
</script>

<style lang="css">
</style>

Blade中的代码

<chat-composer :chatusers="chatusers"></chat-composer>

app.js

const app = new Vue({
    el: '#app',
    data: {
        chatusers: []
    },
    created() {
        axios.post("some url").then(response => {
            if(response.Status) {
                this.chatusers= response.data.Data;
            }
            else {
                this.chatusers= [];
            }
        });
    }
});

Answer 1

您忘记在Component 1

中添加道具

在<script>

内执行此操作

export default {
  props: ['chatUsers']
}

当然，也要在<script>标记内添加与您的上下文相关的其他内容。

尝试填充下拉列表时出现问题

1 个答案: