在Vue.js中选择不显示选项

Question

我正在尝试在vue.js项目中使用选择的选项，但是在select标签中没有显示计算/创建的（）选项，但是，如果我手动键入它们，我会得到这些选项，该如何解决呢？ / p>

如果我尝试不向其添加所选的类，它会很好地工作，如果我这样做，它不会显示。

我分别在我的index.html页眉和页脚中包含了selected.js和Choosen.css。

这是我的代码。

Vue.js-模板

<select v-model="form.hotel_cat" class="nice-select">
<option>Select Category</option>
<option v-for="options in HotelCategoriesList" :value="options.name" >{{options.name}}</option>
</select>

vue.js脚本

 export default {
        components: {AccountSideBar},
        data(){
            return {
                form : {
                    hotel_name  : null,
                    hotel_cat : null,
                },
                HotelCategoriesList: {},
            }
        },


        methods: {
            submit(){
                axios.post('/api/auth/hotel-add/user--add-hotel', this.form)
                    .then(res => {
                        this.form.init_code = res.data.init_code;
                    })
                    .catch(error => {
                        console.log(error.data.response.error)
                        //console.log(error.data.response.errors);
                })
            },
        }
    }

chosen.js库：https://harvesthq.github.io/chosen/