• 根据状态码,展示不同的文本,两种方法简单讨论


    简单描述:经常会碰到某个字段比如说书籍信息的状态0保存  1出版  2删除  3过期,这种实现起来都不难,大家都会,我和同事写的就不一样,现在就来说说,先上代码

    代码:

    //html代码 if判断
    <td>
    <span th:if="${itemBook.book_status} eq '0'">保存</span>
    <span th:if="${itemBook.book_status} eq '1'">发布</span>
    <span th:if="${itemBook.book_status} eq '2'">删除</span>
    <span th:if="${itemBook.book_status} eq '3'">过期</span>
    </td>
    <td th:text="${itemBook.serve_count}">发行数量</td>
    <td th:text="${itemBook.serve_form}==1?'线上':'线下'">销售形式</td>
    <td th:text="${itemBook.sell_price}">销售价</td>

    //html代码 switch选择
    <div th:switch="${bookObj.book_status}">
      <td th:case="0" th:text="保存"></td>   <td th:case="1" th:text="发布"></td>   <td th:case="2" th:text="删除"></td>   <td th:case="3" th:text="过期"></td> </div>
     

    说明:虽然效果上都实现了,但是速度上的话第一种的要快 

  • 相关阅读:
    Ztree下拉框多选
    FullCalendar日程插件
    viscose 前端常用插件
    一些词
    关于require()和export引入依赖的区别
    关于CMD/AMD和Common.js/Sea.js/Require.js
    vue中的双向数据绑定原理简单理解
    Vue-cli简单使用
    webpack简单配置
    vuex基础
  • 原文地址:https://www.cnblogs.com/xuchao0506/p/9883939.html
Copyright © 2020-2023  润新知