1

我是 vue js 的新手。使用 vue2，我现在在我的网站上实现了一个 v-select，我想选择多个值并在编辑时保存并显示它们。但我无法使用 :reduce 正确显示多个值这是我的代码：

<v-select name="allowed_extensions"  
:reduce="allowed_extensions => allowed_extensions.value"   
multiple 
:closeOnSelect="false" 
v-model="form.allowed_extensions" 
:options="file_options"  
 v-validate="'required'" > </v-select>

在js中：

data () {
    return {

      isDisabled: false, //Submit Button
      form: {
          maximum_file_size: '',
          allowed_extensions: ''
        },

      be_errors: {},

      // Options
     
      file_options: [
        { label: 'doc',     value: 'doc' },
        { label: 'docx',     value: 'docx' },
        { label: 'pdf',     value: 'pdf'  },
        { label: 'txt',     value: 'txt' },
        { label: 'gif',     value: 'gif' },
        { label: 'png',     value: 'png' },
        { label: 'jpg',     value: 'jpg' },
        { label: 'jpeg',     value: 'jpeg' }
      ]
    }
}

在 Mysql DB 中，示例数据保存为：["doc","txt"] 但是当我想在编辑中显示它们时，它在单个标签中显示错误。 在此处输入图像描述 我该如何解决这个问题

4

0 回答 0