+1 vote
11 tayangan

pas nambah <div slot=".....

<v-client-table :data="dataPermohonan" :columns="columnsDatapermohonan" :options="optionsDatapermohonan">
            <div slot="verifikasi" slot-scope="{row}" class="text-center">
              <div v-if="row.verifikasi">
                <span :class="btn btn-success btn-sm">{{row.verifikasi}}</span>
              </div>
              <div v-else>-</div>
            </div>
        </v-client-table>

itu kenapa yah ?

dalam Vue.js oleh  Kawan Berbageek (364 poin) | 11 tayangan

1 Jawaban

0 vote
Jawaban terbaik

masalahnya adalah pada bagian <div v-if

karena datanya bukan boolean, jadi harus menggukanan kondisi != null

[solved] dengan menggunakan templating pada js nya,

problemnya templatingnya dibuat di js nya, bagian htmlnya jadi :

<v-client-table :data="dataPermohonan" :columns="columnsDatapermohonan" :options="optionsDatapermohonan"></v-client-table>

di bagian js nya pada bagian data() { return { ... ... optionsDatapermohonan: { ...

harus di tambahkan templates:

templates: {
                        tanggalFormat: function (h, row, index) {
                            return row.tanggal
                        },
                        permohonan: function (h, row, index) {
                            return row.permohonan
                        },
                        verifikasi: function (h, row, index) {
                            var v = row.verifikasi.split('@')[0]
                            var vd = row.verifikasi.split('@')[1]
                            if (v == 'DENIED') {
                                var vh = <span><button class='btn btn-danger btn-sm'>{ v }</button>{' @ ' + vd}</span>
                            } else {
                                var vh = <span><button class='btn btn-success btn-sm'>{ v }</button>{' @ ' + vd}</span>
                            }
                            return vh
                        },
                        enrollment: function (h, row, index) {
                            var e = row.enrollment
                            if (e != null) {
                                return <button class={ 'btn btn-success btn-sm' }>{ e }</button>
                            } else {
                                return '-'
                            }
                        }
                    }

laugh

oleh  Kawan Berbageek (364 poin)
Selamat datang di Berbageek! Berbageek adalah tempat berbagi pengetahuan programming, ui/ux design, digital marketing & project management dengan konsep tanya-jawab. Sehingga kita bisa menciptakan solusi pekerjaan lebih cepat dan lebih baik. Berikut adalah rule untuk bertanya:
  1. Jangan duplikasi pertanyaan. Dicari dulu pertanyaan yang serupa.
  2. Buatlah pertanyaan yang generik. Tidak boleh bertanya spesifik menyebutkan nama proyek atau nama perusahaan.