javascript - 从 v-select 中的 json 中获取值

标签 javascript vue.js vuetify.js

<v-form :model='management'>
 <v-flex xs3 sm2 md3>
  <div class="form-group>
   <v-select
    :items="days"
    item-text='text'
    item-value='text'
    placeholder="MM"
    single-line
    attach
    v-model="week.day"
    >
   </v-select>
  </div>
   <input type="text" id="day" name="day" v-model="week.day['text']"  >
 </v-flex>
 <v-btn @click.prevent='submitManagement'> Save</v-btn>
</v-form>

<script>
  export default {
    data() {
      return {
        days: [
          {text: '01'},
          {text: '02'},
          {text: '03'},
          {text: '04'},
          {text: '05'},
          {text: '06'},
          {text: '07'}
        ],
        week: {
          day: ''   
        }
    }
 }
</script>

我在这里面临的问题是,我从天数下拉列表中选择的值未输入到输入字段中。我无法弄清楚原因。难道我做错了什么。帮我找到我的问题。

最佳答案

对于输入的 v 模型,您只需要 week.day 而不是 week.day['text']

关于javascript - 从 v-select 中的 json 中获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61581869/

相关文章:

javascript - AngularJS 路由链接在重新加载时不起作用

php - Laravel 6 用户身份验证页面无法正常工作

vue.js - 使用 Vuetify 导航栏中的动态按钮

javascript - 如何更改 vue 默认项目信息模板?

javascript - 使用 javascript 冒泡/捕获检测中间节点

javascript - 数组脱离函数 javascript

javascript - 如何在退出全屏时更改样式

javascript - 使用 Vuex 的 Vue.js 中的计算属性上的观察者未更新数据变量

javascript - 在作为 prop 传递的 vue 组件中使用模板

vue.js - 无法使用 'in' 运算符在 undefined 中搜索 'X'