大佬们好,vue模板里如何使用import 的函数?

<meta charset="utf-8"></meta>
<div id="app" >

  时间:{{ message }} <!--我想在这里使用 util.getDateTime() -->

</div>

<script type="text/javascript">

import * as util from '@/libs/util'
//util 有一个getDateTime()的函数。我如何在模板里使用他?
var app = new Vue({
      el: '#app',
      data: {
          message: '1541072778'
      }
)

</script>

{{util.getDateTime(message)}} 报错信息为:

阅读 6.3k
2 个回答

常用的工具类可以在main.js中引人, 比较方便

Vue.prototype.$util = util

使用时

{{$util.getDateTime()}}

this.$util.getDateTime()

{{getDateTime(modalInfo.order.dateline)}}
在vue里面定义一个函数
getDateTime (dateline) {

    return util.getDateTime(dateline);
}

等于 {{util.getDateTime(modalInfo.order.dateline)}}

目前解决方案。不知道是否有更合适的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题