جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
علیرضا
5 سال پیش توسط علیرضا مطرح شد
3 پاسخ

حل مشکل bind کردن

سلام خسته نباشید وقتی من یک اتریبیوت رو bind میکنم .میخام یک مقدار بصورت رشته کنارش بزارم
مثلا ما همچین چیزی داریم

<div class="title">
    <img v-bind:src="goodimg" alt="">
</div>
    <div class="main"></div>
    <div class="dmage"></div>
</div>
<script src="../vue.js"></script>
<script>
    new Vue({
        el:'#core',
        data:{
            title:'فکر کردی میتونی از من تخفیف بگیری ؟',
            goodimg:'2.png',
            badimg:'1.png',
            kick:'',
            finalkick:''
        }
    })
</script>

من دوست دارم یک رشته بصورت دستی کنار دیتای goodimg بزارم باید چیکارکنم؟


ثبت پرسش جدید
Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 5 سال پیش آپدیت شد
0

سلام
@paressep28

اون خودش یه رشته هست
در جاوا اسکریپت و فریم ورک های جاوا اسکریپتی با + کانکت میکنن به هم و در کنار هم قرار میدن

var test= 'salam' + ' alireza';

اون رو شته رو هم به صورتی دستی با + اضافه کنید...


TEFO
تخصص : لاراول
@tefo.ha27 5 سال پیش مطرح شد
1
<img v-bind:src="goodimg +'رشته مورد نظر'" alt="">

Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 5 سال پیش آپدیت شد
0

سلام
@paressep28

اون خودش یه رشته هست
در جاوا اسکریپت و فریم ورک های جاوا اسکریپتی با + کانکت میکنن به هم و در کنار هم قرار میدن

var test= 'salam' + ' alireza';

اون رو شته رو هم به صورتی دستی با + اضافه کنید...


mahdi khanzadi
تخصص : backend developer at Snapp mar...
@khanzadimahdi 5 سال پیش مطرح شد
0

توی vuejs هیچوقت به صورت دستی اظافه نکنید اونم موقع بایند کردن. بهتره از computed properties استفاده کنید. به صورت زیر میشه عمل کرد :

<div class="title">
    <img v-bind:src="img" alt="">
</div>
    <div class="main"></div>
    <div class="dmage"></div>
</div>
<script src="../vue.js"></script>
<script>
    new Vue({
        el:'#core',
        data:{
            title:'فکر کردی میتونی از من تخفیف بگیری ؟',
            goodimg:'2.png',
            badimg:'1.png',
            kick:'',
            finalkick:''
        },
        computed: {
            img() {
                return this.goodimg + 'رشته مورد نظر';
            }
        }
    })
</script>

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

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