Slider-item里面的img可以是动态的写入吗？比如

[susanzhang66]

问题描述

Slider-item里面的img可以是动态的写入吗？比如img的路径是通过ajax动态生成的。

我知道你这个不行，我想改写 具体看下面我贴出来的代码， imgList是我想传入进去的

提示错误信息

2. ...

代码区域

<yd-slider autoplay="3000" pagination-activecolor="#000" pagination-color="#ccc" :imgList="imgList" style="height: 166px;">
    <template v-slot:default="slotProps">
    <yd-slider-item v-for="(item,index) in slotProps.imgList" :key="index">
        <a href="javascript:void(0)">
            <img src="@/assets/images/about.png">
        </a>
    </yd-slider-item>
    </template>
</yd-slider>
<script>

</script>

[susanzhang66]

算了，我已经重写了你插件了，用作用域插槽实现。

用v-bind:imgListSrc="imgListSrc" 相当于接收参数

<div class="yd-slider-item">
        <slot v-bind:imgListSrc="imgListSrc"></slot>
    </div>

v-slot,用于使用预定义的参数

<template v-slot="slotProps2">
        <a href="javascript:void(0)">
            <img :src="slotProps2.imgListSrc">
        </a>
        </template>