یحیی حسینی
4 سال پیش توسط یحیی حسینی مطرح شد
1 پاسخ

نحوه بایند کردن کلاس در کنار کلاس دیگر

با سلام
دوستان کسی میتونه راهنمایی کنه که من توی ویو چطور میتونم دو تا کلاس رو به یه تگ بدم که یکیش از کلاس های بوت استرپ هست و کلاس دوم از پراپس گرفته میشه.
درواقع نمیدونم که چطوری میشه این دوتا کلاس رو در کنار هم bind کرد.
تصویر کد رو قرار میدم و منظورم از کلاس ها ، اون کلاس هایی هست که در بالای کد اومده. کلاس alert و 'alert-'{{alertType}}

<template>
  <div :class=['alert', 'alert-'{{alertType}}] role="alert">
    <strong>{{ alertTitle }}! </strong>
    {{ message }}
    <button type="button" class="close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
</template>
<script>
export default {
  props: {
    alertTitle: String,
    message: String,
    alertType: String,
  },
};
</script>

ممنون


ثبت پرسش جدید
moha li
تخصص : توسعه دهنده لاراول و Vue
@mohaligateway 4 سال پیش مطرح شد
1

سلام

<template>
  <div :class="['alert', '`alert-${alertType}`']" role="alert">
    <strong>{{ alertTitle }}! </strong>
    {{ message }}
    <button type="button" class="close">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
</template>
<script>
export default {
  props: {
    alertTitle: String,
    message: String,
    alertType: String,
  },
};
</script>

@YahyaHosseini


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام