javascript - 如何在 Vue 指令中使用 JavaScript 函数？

Question

假设我有一个这样的 JS 函数:

function myFunc()
{
   return true;
}

现在，如果 的输出为真，我想显示一个元素:

<p v-if="myFun()">I am Test</p>

我知道我可以在 Vue methods 中编写这个 myFunc 方法，但我不想这样。

任何想法将不胜感激。

Answer 1

您可以通过多种方式指向您的函数。其中之一:

var myFunc = function(){
	return true;
}

new Vue({
  el: '#app',
  methods : {
    yourFunc() {
      return myFunc();
    }
  }
});

<div id="app">
  <p v-if="yourFunc">test</p>
</div>

https://jsfiddle.net/1nnav731/