桌子
資料庫中的資料僅用逗號分隔。
Hepatitis A IgM Antibody (Anti-HAV IgM),
Hepatitis A Total Antibody (Anti-HAV Total),
Hepatitis B Core Antibody (Anti HBc Total),
Hepatitis B Core IgM Antibody (Anti-HBc IgM),
Hepatitis B Envelop Antibody (Anti-HBe),
Hepatitis B Envelop Antigen (HBeAg),
Hepatitis B Surface Antibody (Anti-HBs),
Hepatitis B Surface Antigen,
Hepatitis C Antibody (Anti-HCV),
Qualitative (HBsAg)
前端結構。
我需要的輸出
我的代碼：
<q-list
v-for="specificPackage in specificPackages"
v-bind:key="specificPackage.id"
class="q-pa-md"
bordered
>
<q-card-section horizontal>
<q-card-section class="q-pt-xs">
<div class="text-h6 q-pt-md text-black" caption>
LABORATORY TESTS:
</div>
<div class="text-subtitle1 q-pt-md packageitem">
{{ specificPackage.packageitem }}
</div>
</q-card-section>
</q-card-section>
</q-card>
<q-separator />
</q-list>
我怎樣才能做到這一點？
uj5u.com熱心網友回復：
首先將字串拆分為陣列，然后回圈陣列
<q-list
v-for="specificPackage in specificPackages"
v-bind:key="specificPackage.id"
class="q-pa-md"
bordered
>
<q-card-section horizontal>
<q-card-section class="q-pt-xs">
<div class="text-h6 q-pt-md text-black" caption>
LABORATORY TESTS:
</div>
<div class="text-subtitle1 q-pt-md packageitem">
<li v-for="(packageitem, i) in specificPackage.packageitem.split(',')" :key="i">
{{packageitem}}
/li>
</div>
</q-card-section>
</q-card-section>
</q-card>
<q-separator />
</q-list>
uj5u.com熱心網友回復：
只需使用<li>標簽來顯示子彈。
uj5u.com熱心網友回復：
您需要從逗號分隔的字串創建一個陣列。
v-for="(specificPackage, index) in specificPackages.split(',')" :key="index"
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/395489.html