راکت
حل شده

حل مشکل bind کردن

3 پاسخ

سلام خسته نباشید وقتی من یک اتریبیوت رو 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 بزارم باید چیکارکنم؟

ثبت پرسش جدید

پاسخ‌ها

3
Alimotreb
Alimotreb
@Alimotreb

تخصص: کانفیگ سرور و برنامه نویس

بهترین پاسخ

سلام
@paressep28

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

var test= 'salam' + ' alireza';

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

TEFO
TEFO
@tefo.ha27

تخصص: لاراول

<img v-bind:src="goodimg +'رشته مورد نظر'" alt="">
mahdi khanzadi
mahdi khanzadi
@khanzadimahdi

تخصص: Software engineer

توی 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>

شاید پاسخ شما همین‌جا باشد

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

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