Javascript 在Vue中选择元素中循环时间值

我用PHP制作了一个选择框，它是从9:00到19:00的时间下拉列表，在For循环中生成。我使用它将选定的时间值传递给DB

然而，我已经在Vue中尝试了3-4天，但没有找到任何有助于解决此特定问题的方法

这就是我到目前为止所做的：

<template>
<v-col cols="12">
    <v-card>
        <v-row>
            <v-col>
                <h3>Pick your time.</h3>
                <select name="option">
                    <option value="Current Time">Current Time</option>
                    <option v-bind:key="i.id" v-for="i in 10" :value="i">{{ i }}</option>
            
                </select></v-col>
        </v-row>
    </v-card>
    </v-col>
</template>

<script type="text/javascript">
    methods: {
        timeInt() {
            for(i = 900; i<= 1900; i+=100){
                return i;
            }
        }
    }

</script>

选择你的时间。
当前时间
{{i}
方法：{
timeInt（）{
对于（i=900；i

选择你的时间。
当前时间
{{`${i+8}:00`}
数据（）{
返回{
表格：{
时间：空
}
}
},

当前时间
{{（i+8>=10？i+8:'0'+（i+8））+':00'}
导出默认值{
数据（）{
返回{
选定：“当前时间”
}
},
方法：{
changeSelected（）{
console.log（此.selected）
}
}
}
我仍然不确定您要做什么？我正在尝试为一个select下拉列表创建一个for循环，该下拉列表在Vue中生成9:00到19:00的时间。此下拉列表中出现各种错误。第一个
数据处的意外标记：（）
如果我删除该标记，我将获得
原始表达式：：value=“${I+8}:00”
如果解决方案有效，请将其标记为已接受的答案。谢谢！我在
数据：（）
中仍然收到一个错误，但当我删除它时，我确实有效。但是有一个小问题。我如何从select中发布值？我需要在select元素上使用V-model吗？PS：我使用的是Axiosit应该是数据（）而不是数据：（）您使用的后端技术是什么？
<v-col cols="12">
    <v-card>
        <v-row>
            <v-col>
                <h3>Pick your time.</h3>
                <select name="option" v-model="form.time">
                    <option value="Current Time">Current Time</option>
                    <option v-bind:key="i.id" v-for="i in 11" :value="(i+8) + ':00'"> {{ `${i+8}:00` }}</option>

                </select></v-col>
        </v-row>
    </v-card>
</v-col>
<script>
    data(){
        return {
            form:{
               time:null
            }
        }
    },
</script>

<template>
<div>
    <select v-model="selected" @change="changeSelected">
        <option value="Current Time">Current Time</option>
        <option :key="index" v-for="(i,index) in 11" :value="(i+8 >=10 ? String(i+8) : '0'+(i+8)) +':00' ">{{ (i+8 >=10 ? i+8 : '0'+(i+8) )+':00' }}</option>
    </select>
</div>
</template>
<script>
export default {
data(){
      return{
        selected: 'Current Time'
    }
 },
 methods :{
     changeSelected(){
            console.log(this.selected)
     }
 }
}
</script>