创建元素时运行函数

时间:2018-03-20 15:46:57

标签: javascript vue.js

我有一些由v-for创建的元素。如何通过将“为每个元素创建”作为条件保持一次来运行该函数。

<div v-for"value in values">
   <div @ function(value, domElement) if value.bool===true @>
              </div>

2 个答案:

答案 0 :(得分:2)

IMO最简单的方法是将每个元素作为Vue组件和组件。将该功能作为道具传递下来。

文件一

Not strValue.Contains(“Test”)

自定义组件

<div v-for="value in values">
   <Custom-Component :propValue="value" :propFunction="functionYouNeed" />
</div>

答案 1 :(得分:1)

不清楚你究竟想要什么:

  

<div @ function(value, domElement) if value.bool===true @>

所以,这里有你想要实现的所有可能的解决方案。

您可以使用once修饰符绑定方法:

<div @click.once="yourMethod">

或者,如果您不想更改内容,则可以使用v-once

<div v-once>{{ neverChanged }}</div>

但是如果你只需要在创建函数时使用它,那么在created属性中调用函数,不要在任何其他地方绑定该方法。

created() {
  if(condition) {
    this.yourMethod()
  }
}