【问题标题】:How to show current year in .vue project如何在 .vue 项目中显示当前年份
【发布时间】:2019-12-03 02:14:53
【问题描述】:

我一直在做一个项目,但我被困在这里。

我在 .vue 使用 Jade 模板,我需要显示当前年份,但我无法做到

<template lang='jade'>
// Footer
footer#footer.footer
.container
  .row
.footer-wrapper
      .col-md-6.col-sm-6.col-xs-12
        .footer-brand
img(src='assets/images/logo-white.png', alt='logo')
      .col-md-6.col-sm-6.col-xs-12
.copyright
          p
 a(href='https://www.easycryptocoins.info/')  Easycryptos
            script.
© 2018 - {{ new Date().getFullYear() }}
| . All rights reserved.
  </template> 

          `

我希望获得 2018 年的版权 - (当年),但我只是刚开始使用 Easycryptos

【问题讨论】:

  • 如果你使用状态变量然后引用它就好了
  • 尝试使用computed propertydata 来存储变量

标签: javascript vue.js vuejs2 vue-component pug


【解决方案1】:

尝试在您的数据对象中创建一个名为“currentDate”的属性并在您的模板中使用它,例如:

data(){
     return {
        currentDate: new Date,
        }
 }

在你的模板中这样做:

 {{currentDate.getFullYear()}}

您应该实例化一个对象以访问其方法。

【讨论】:

    猜你喜欢
    • 2011-09-04
    • 2013-12-20
    • 2017-05-05
    • 2011-09-09
    • 2012-12-25
    • 1970-01-01
    • 2012-09-27
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多