0

在 AdonisJS 中，我无法弄清楚为什么我的下拉菜单中不断出现“未定义”。我的表单使用 v-for 指令循环遍历作为对象数组的“test”，所以我希望下拉列表显示 item.name 但它显示“未定义”。任何人都可以帮助新手 AdonisJS 学习者。谢谢 下面是我的代码。PS：当我将文件保存为纯 .html 文件时，相同的代码在 AdonisJS 之外工作。

    <html>

    <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>


<div id="app">


<form action="/" method="POST">
 
    <select v-model="Selected">
        <option v-for="item in test" v-bind:value="item.name" >
            {{ item.name }}
        </option>
    </select>

    <input type="submit" value="Submit" class="btn btn-primary">
  </form> 

</div> 
 
<script>

        new Vue({
        
                el: '#app',
        
                data: {



                    test: [
                            { id:1, name:"adam"},
                            { id:2, name:"lena"},
                            { id:3, name:"hamza"},
                    ],

                    Selected: "",
    
                },
                    
                
        })
        
    </script>
  
  

</body>
</html>
4

0 回答 0