Diskusi Jody Kalim
Selesai
![Jody Kalim](https://cdn-cdpl.sgp1.digitaloceanspaces.com/avatar/o5B0MDjui.png)
Jody Kalim
2 tahun yang lalu
Ditanyakan pada: Memuat Data pada Toggle Element
Masalah dropdown
izin bertanya, saya sudah coba ikutin sesuai tutorial , tetapi kenapa dropdown nya pas di tekan, tidak bisa respon ya? mohon penjelasannya. Terima Kasih
SC : <body>
<button class="btn btn-sm btn-outline-success" @click="style.sliderStatus = !style.sliderStatus">
</button>
<button class="btn btn-success btn-sm dropdown-toggle" id="dropdownCart" data-bs-toggle="'dropdown" aria-expanded="false" >
cart :
{{cart.length}}
</button>
{{item.qty}}
{{item.name}}
{{item.price | currencyFormat }}
</div>
</nav>
<br>
<h1>My shop</h1>
<transition name="custom" enter-active-class="animate__animated animate__fadeInDown" leave-active-class="animate__animated animate__slideOutRight">
<div v-if="style.sliderStatus">
<div class="align-items-center" class="sliderState">
<label class="style.label">Max</label>
<input type="number" class="form-control mx-2" :style="{'width' : '60px','text-align':'center'}" v-model="maximum">
<input type="range" class="custom" min="0" max="200" v-model="maximum">
</div>
</div>
</transition>
<transition name="fade" tag="div" beforeEnter="before" enter="enter" leave="leave">
<div class="row d-none mb-3 align-items-center" v-for="(item, index) in products" key="item.id" v-if="item.price <= Number(maximum)" data-index="index">
<div class="col-1 m-auto">
<button class="btn btn-info" v-on:click="addItem(item)">+</button>
</div>
<div class="col-sm-4">
<img src="item.image" class="img-fluid d-block">
</div>
<div class="col">
<h3 class="text-info">{{item.name}}</h3>
<p class="mb-0">{{item.description}}</p>
<div class="h5 float-right">{{item.price | currencyFormat }}</div>
</div>
</div>
</transition>
</div>
[removed][removed]
[removed][removed]
[removed][removed]
[removed][removed]
</body>
2 Jawaban
![Avatar](https://image.web.id/images/avatar2.jpg)
Muhammad Fakhry Burhanuddin
2 tahun yang lalu
Hi Jody,
Silahkan kopi paste kodenya di pastebin.com agar lebih enak dilihat.
Kalau di sini agak berantakan.
![Avatar](https://cdn-cdpl.sgp1.digitaloceanspaces.com/avatar/zNX6A2_0E.png)
BroKoding
2 tahun yang lalu
Halo kak,
Untuk versi bootstrap yang digunakan apakah sudah sama dengan materi? Yakni menggunakan bootstrap versi 4.4, dilihat dari code yang dilampirkan seperti menggunakan bootstrap 5.
Sepertinya ada typo di bagian data-bs-toggle yakni data-bs-toggle="bootstrap".