根据后端传来参数改变前端显示内容

             <vxe-column
                title="提交状态"
                field="hiddenStatus"
                width="100"
              >
                <template slot-scope="scope">
                    <span v-if="scope.row.hiddenStatus == 1">暂存</span>
                    <span v-if="scope.row.hiddenStatus == 2">下达</span>
                    <span v-if="scope.row.hiddenStatus == 3">提交</span>
                    <span v-if="scope.row.hiddenStatus == 4">验收</span>
                    <span v-if="scope.row.hiddenStatus == 5">归档</span>
                </template>
              </vxe-column>

        vxe-column标签中显示的是<span>信息,通过if判断,来实现根据状态码更改状态

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Java Spring Boot 可以通过使用模板引擎将后端传递的数据渲染到前端页面上,从而实现将后端传参给前端作为通知内容的数据。以下是一个简单的示例: 1. 首先在后端创建一个控制器,用于处理请求并传递数据: ```java @Controller public class NotificationController { @GetMapping("/notification") public String showNotification(Model model) { // 获取通知内容数据 String notificationMessage = "这是一条通知消息!"; // 将数据传递给模板引擎 model.addAttribute("notificationMessage", notificationMessage); // 返回通知页面模板 return "notification"; } } ``` 2. 在前端创建一个通知页面模板,用于显示通知内容: ```html <!DOCTYPE html> <html> <head> <title>通知页面</title> </head> <body> <h1>通知页面</h1> <p th:text="${notificationMessage}"></p> </body> </html> ``` 在这个模板中,使用了 Thymeleaf 模板引擎的语法,通过 `${notificationMessage}` 获取后端传递的通知内容数据并将其渲染到页面上。 3. 最后,在应用程序启动时,需要配置 Thymeleaf 模板引擎: ```java @SpringBootApplication public class Application { public static void main(String[] args) { SpringApplication.run(Application.class, args); } @Bean public ViewResolver viewResolver() { ThymeleafViewResolver resolver = new ThymeleafViewResolver(); resolver.setTemplateEngine(templateEngine()); resolver.setCharacterEncoding("UTF-8"); return resolver; } @Bean public SpringTemplateEngine templateEngine() { SpringTemplateEngine engine = new SpringTemplateEngine(); engine.setEnableSpringELCompiler(true); engine.setTemplateResolver(templateResolver()); return engine; } @Bean public ServletContextTemplateResolver templateResolver() { ServletContextTemplateResolver resolver = new ServletContextTemplateResolver(); resolver.setPrefix("/WEB-INF/templates/"); resolver.setSuffix(".html"); resolver.setTemplateMode("HTML5"); resolver.setCacheable(false); return resolver; } } ``` 在这个配置中,设置了模板引擎的前缀、后缀、模板模式等信息,并将其作为 ViewResolver 注入到应用程序中。 通过以上步骤,就可以实现将后端传参给前端作为通知内容的数据了。当用户访问 `/notification` 路径时,将会显示通知页面,并将后端传递的通知内容数据渲染到页面上。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值