我有兩個多選下拉框--一個是 "單一 "模式，一個是 "標簽 "模式。我想在這兩個下拉框上顯示一個自定義標簽，其中包含選項中的兩個屬性，但這似乎不起作用--兩個下拉框仍然只顯示 "正常 "標簽（在兩種情況下，這只是選項的名稱）。
<MultiSelect v-model="booking"/span> : options="client" :object="true" :searchable="true" : custom-label="({ name, tel }) => `${name} - [${tel}]`" valueProp="id" label="name" trackBy="name" placeholder="Pick client" />
< MultiSelect v-model="invoice" mode="tags" : object="true" :options="service" : searchable="true" : custom-label=" ({ name, price }) => `${name} - [${price}]`" valueProp="id"/span> label="name" trackBy="name" placeholder="Add Services" />
選項的格式：
const clients = ref([ {
name: 'John Davis'/span>,
tel: '8888888',
address: 'London, UK'.
}, {
name: 'David Smith',
tel: '7777777',
address: 'NY, USA'。
}]);
const services = ref([ {
name: 'Marketing',
service: 'Do some marketing',
價格: '￡150.00'。
}, {
name: 'Sales',
service: '做一些銷售'。
價格。'￡100.00'。
}]);
什么地方出了問題？
uj5u.com熱心網友回復：
我在這里測驗了你的代碼，發現這是在作業。
也許你所使用的版本有問題。如果你使用的是vue3，請安裝vue-multiselect@next。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/310003.html
標籤：