第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何獲得帶有“多個(gè)”道具的 Vuetify Select 字段以與數(shù)據(jù)庫(kù)中的 axios

如何獲得帶有“多個(gè)”道具的 Vuetify Select 字段以與數(shù)據(jù)庫(kù)中的 axios

森林海 2023-02-17 10:56:54
我有一個(gè)項(xiàng)目是在學(xué)習(xí) Vue 的同時(shí)為學(xué)區(qū)建設(shè)的。我設(shè)置了 axios 并與其他幾個(gè)字段一起使用以從 mysql 數(shù)據(jù)庫(kù)獲取和編輯數(shù)據(jù),但我堅(jiān)持在 v-select 組件上使用 multiple prop。我已經(jīng)意識(shí)到它與數(shù)據(jù)類型有關(guān)。在數(shù)據(jù)庫(kù)中,學(xué)校是一個(gè)String,但是v-select multiple 需要一個(gè)Array。我正在使用 Vuetify 數(shù)據(jù)表和一個(gè)打開(kāi)的對(duì)話框來(lái)編輯用戶信息。其中一個(gè)選項(xiàng)是學(xué)校字段,它應(yīng)該能夠?yàn)橛脩舴峙涠鄠€(gè)學(xué)校。這是那個(gè)字段:<v-select   :items='schools'   v-model='schoolArray'   label='School'   multiple   item-text='school'></v-select>通常,v-model 會(huì)有“editedItem.school”,但它會(huì)返回一個(gè)字符串,而我需要一個(gè)數(shù)組。我有一個(gè)計(jì)算屬性來(lái)將學(xué)校數(shù)據(jù)更改為數(shù)組:schoolArray (item) {  return this.editedItem.school.split(',') }這現(xiàn)在讓我看到數(shù)據(jù)庫(kù)中有哪些學(xué)校而不是空字段,但這給了我一個(gè)錯(cuò)誤“[Vue warn]:已將計(jì)算屬性“schoolArray”分配給但它沒(méi)有設(shè)置器?!彼裕野阉某蛇@樣:schoolArray: {  get: function () {    var stringToArray = this.editedItem.school.slice(0).split(',')    return stringToArray   },  set: function (school) {    this.editedItem.school = school   } }現(xiàn)在,我得到的錯(cuò)誤是'[Vue warn]: 渲染錯(cuò)誤:“TypeError: this.editedItem.school.slice(...).split 不是一個(gè)函數(shù)”'我覺(jué)得我缺少一些基本的東西,但我仍在努力學(xué)習(xí) Vue 和 Vuetify。任何幫助或指導(dǎo)將不勝感激。
查看完整描述

1 回答

?
海綿寶寶撒

TA貢獻(xiàn)1809條經(jīng)驗(yàn) 獲得超8個(gè)贊

問(wèn)題是您將設(shè)置editedItem.school為array而不是string,因此它會(huì)抱怨您不能設(shè)置split()數(shù)組。


當(dāng)您設(shè)置 時(shí)editedItem.school,您應(yīng)該通過(guò) 將其轉(zhuǎn)換回字符串Array.join(",")。


export default {

  data: () => ({

    schools: ["Schools 1", "Schools 2", "Schools 3"],

    editedItem: {...} 

  }),


  computed: {

    schoolArray: {

      get: function() {

        return this.editedItem.school.slice(0).split(",");

      },

      set: function(school) {

        // set it back to a string using `join(",")`

        this.editedItem.school = school.join(","); 

      }

    }

  }

}

這是 codesandbox 上的示例演示。


查看完整回答
反對(duì) 回復(fù) 2023-02-17
  • 1 回答
  • 0 關(guān)注
  • 120 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)