当前位置: 首页 > 知识库问答 >
问题:

在vue指令中使用全局函数

颛孙霖
2023-03-14
<div class="post" v-for="post in posts"></div>
    ...
    <div class="comments" v-if="! _.isEmpty(post.comments)">
      <div class="comment" v-for="comment in post.comments"></div>
    </div>
    ...
</div>

共有1个答案

宁卓
2023-03-14

您只能访问模板中当前Vue实例/组件的函数:

不能运行任何“第三方”代码。

methods: {
  isEmpty: function (arr) { return _.isEmpty(arr)}
}
<div class="comments" v-if="! isEmpty(post.comments)">
 类似资料:
  • 本文向大家介绍使用use注册Vue全局组件和全局指令的方法,包括了使用use注册Vue全局组件和全局指令的方法的使用技巧和注意事项,需要的朋友参考一下 Vue中的组件和指令分为局部组件、局部指令和全局组件、全局指令。对于注册有一定数量的全局指令和全局组件时,官方文档中的方法就显得有些不够清爽了。 全局组件 在Vue官方文档中介绍的是使用Vue.component(tagName, options)

  • 本文向大家介绍vue  directive定义全局和局部指令及指令简写,包括了vue  directive定义全局和局部指令及指令简写的使用技巧和注意事项,需要的朋友参考一下 directive定义全局和局部指令以及指令简写 1.使用Vue.directive()定义一个全局指令    Vue.directive('指令名称',{对象}) 2.参数一:指令的名称,定义时指令前面不需要写v- 3.参

  • 如果你需要让一个工具函数在每个组件可用,可以把方法挂载到 Vue.prototype上。 注册 main.js 中 Vue.prototype.$method = function () {} 一般建议函数名使用 $ 前缀。像 vue-router 的 $route 和 $router。 使用 那么组件代码里 export default { created () { this.$m

  • 本文向大家介绍Vue指令指令大全,包括了Vue指令指令大全的使用技巧和注意事项,需要的朋友参考一下 1. v-text v-text主要用来更新textContent,可以等同于JS的text属性。 这两者等价: 2. v-html 双大括号的方式会将数据解释为纯文本,而非HTML。为了输出真正的HTML,可以用v-html指令。它等同于JS的innerHtml属性。 这个div的内容将会替换成属

  • 我尝试将它注入函数,就像您应该对服务做的那样,以便在全局范围内拥有一个实例,但这并不奏效

  • 问题内容: 如何在函数中创建或使用全局变量? 如果在一个函数中创建全局变量,如何在另一个函数中使用该全局变量?我是否需要将全局变量存储在需要对其进行访问的函数的局部变量中? 问题答案: 你可以在其他函数中使用全局变量,方法是像在分配给它的每个函数中一样声明它: 我想这是因为全局变量是如此危险,因此Python希望通过显式要求使用关键字来确保您真正知道这就是要使用的内容。