浅浅交个作业

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <h1>冬奥“三朝元老”带“新兵” 新双人滑搭档彭程/王磊渐入佳境</h1>

    <strong>新华社重庆11月11日电(记者李嘉、张寒、谷训)26岁的中国双人滑名将彭程已是冬奥会“三朝元老”,而3月才成为她搭档的王磊今年35岁,还憧憬着自己的首届冬奥会。</strong>

    <ul>

      <li>心怀参加2026年米兰冬奥会的共同目标</li>

        <li>这对新双人滑组合愈发默契</li>

        <li>在中国杯10日晚的短节目比赛中暂列第三名,有望在11日晚自由滑比赛后夺牌</li>

   

    </ul >

    <img src="./AA1jKA8v.jpg" width="300px"/>

    <img src="./AA1jKCJ5.jpg" width="300px"/>

    <ol>

        <li>彭程</li>

        <li>王磊</li>

        <li>王雪涵</li>

    <hr/>

        <h6>  互联网新闻信息服务许可证10120170001  增值电信业务经营许可证B1-20060139</h6>

        <h6>信息网络传播视听节目许可证0104065  广播电视节目制作经营许可证(广媒)字第172号</h6>

           

</body>

</html>

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
在Vue中,使用Element UI的`el-table`组件进行多个条件的查询通常涉及到数据过滤和动态渲染。Element的`el-table-column`允许你设置`filters`属性来实现列级别的过滤,而`filter-method`则提供了自定义过滤逻辑的能力。以下是一个简单的例子,展示如何在`el-table`中进行多个条件的查询: ```html <template> <el-table :data="tableData" @filter-change="handleFilterChange" > <el-table-column prop="name" label="Name" filterable filter-method="filterByName" /> <el-table-column prop="age" label="Age" filterable filter-method="filterByAge" /> <!-- 添加其他列... --> </el-table> </template> <script> export default { data() { return { tableData: [ { name: 'Alice', age: 20 }, { name: 'Bob', age: 30 }, // 更多数据... ], filters: {}, // 存储当前的过滤条件 }; }, methods: { handleFilterChange(field, value) { this.filters[field] = value; // 更新过滤条件 this.$refs.table.filter(); // 调用表格的过滤方法 }, filterByName(row) { // 按照name字段的值过滤 return row.name.includes(this.filters.name); }, filterByAge(row) { // 按照age字段的值过滤 return row.age === parseInt(this.filters.age); }, }, }; </script> ``` 在这个例子中,`handleFilterChange`方法监听`el-table`的过滤事件,当用户输入新的过滤条件时,它会更新`filters`对象并调用表格的过滤方法。`filterByName`和`filterByAge`是自定义的过滤方法,分别处理`name`和`age`列的过滤逻辑。 相关问题: 1. `filter-method`属性的作用是什么? 2. 如何在Vue中为el-table的每一列都添加过滤功能? 3. 如果我想实现更复杂的过滤条件,比如组合条件或动态条件,应该如何扩展?

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值