浩浩浩浩浩浩 2021-11-05 21:59 采纳率: 33.3%
浏览 1645
已结题

Vue 加上slot-scope 按钮就不显示了


<div id="app">
            <div class="demo-image" v-for="phs in photoList">
                <div class="block">
                    <el-image
                            style="width: 500px; height: 500px"
                            :src="phs.purl"
                            fit=scale-down>
                    </el-image>
                </div>
                <template slot-scope="scope">
                    <el-button type="text" @click="deletePhoto(scope.row.pid)" icon="el-icon-delete" circle>删除</el-button>
                </template>
            </div>
</div>

img

<div id="app">
            <div class="demo-image" v-for="phs in photoList">
                <div class="block">
                    <el-image
                            style="width: 500px; height: 500px"
                            :src="phs.purl"
                            fit=scale-down>
                    </el-image>
                </div>
                <template>
                    <el-button type="text" @click="deletePhoto(scope.row.pid)" icon="el-icon-delete" circle>删除</el-button>
                </template>
            </div>
</div>

img

去掉slot-scope就显示按钮了

  • 写回答

1条回答 默认 最新

  • 你好!机器人 2021-11-08 11:52
    关注

    看看版本,2.6.0以后版本弃用slot和slot-scope,改用v-slot了
    你也不用插槽,这样写

    <div id="app">
                <div class="demo-image" v-for="phs in photoList">
                    <div class="block">
                        <el-image
                                style="width: 500px; height: 500px"
                                :src="phs.purl"
                                fit=scale-down>
                        </el-image>
                    </div>
                    <template>
                        <el-button type="text" @click="deletePhoto(phs.pid)" icon="el-icon-delete" circle>删除</el-button>
                    </template>
                </div>
    </div>
     
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 11月24日
  • 已采纳回答 11月16日
  • 修改了问题 11月5日
  • 创建了问题 11月5日

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题