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

Question

假设我有一个JS的功能是这样的：

function myFunc() 
{ 
    return true; 
} 

现在，我想表明的元素，如果输出为真：

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

我知道我可以写里面的Vue这myFunc方法methods但我不想要这个。

任何想法将不胜感激。

Answer 1

您可以在方法部分 methods:{ myFun: myFun}

链接你的香草功能或编写自己的指令：

Vue.directive('visible', function (el, binding) { 
    el.style.visibility = binding.value ? 'visible' : 'hidden'; 
}); 

Answer 2

您可以指向你的功能在许多方面。其中的一个：

var myFunc = function(){ 
 
\t return true; 
 
} 
 

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

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

https://jsfiddle.net/1nnav731/