element el-pagination solt 使用

SchizophreniA62023-12-13 12:38

起初只是想修改一下，共多少条的颜色，和跳转至发现并不支持

网上找通过js修改，因为我这是在 dialog里面的好像并不能适用

java 复制代码

 mounted() {
    document.getElementsByClassName("el-pagination__jump")[0].childNodes[0].nodeValue = "跳转";
  },

官网说可以用

但是，solt支持一个，可以使用多个 solt拼接

完成如下（无css）

html 复制代码

<div class="pagination">
          <div style="display: flex;justify-content: end;">
            <el-pagination background layout="slot, prev, pager, next,sizes" :current-page.sync="pageIndex"
              :page-size="pageSize" :total="pageTotal" @current-change="handlePageChange" @size-change="handleSizeChange">
              <span key="1" style="color: #3B4C69;">共<span style="color: #0072DF;min-width: 10px;">{{ pageTotal
              }}</span>条</span>
            </el-pagination>
            <el-pagination background layout="slot">
              <span>跳转至第</span>
              <el-input ></el-input>
              <span style="min-width: 17px;">页</span>
            </el-pagination>
          </div>
        </div>