创建元素时运行函数

Question

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

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

Answer 1

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

文件一

Not strValue.Contains(“Test”)

自定义组件

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

Answer 2

不清楚你究竟想要什么：

  

<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()
  }
}