vue点击事件添加属性函数

在Vue中，您可以使用`@click`指令来为元素添加点击事件，并使用Vue的方法来处理事件并添加属性函数。以下是一个示例：

<template>
  <button @click="handleClick">点击我</button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      // 在这里执行您想要的操作
      console.log("按钮被点击了！");
      
      // 添加属性和函数
      this.$el.setAttribute("data-customFunc", "customFunction");
      
      // 调用函数
      var func = this.$el.getAttribute("data-customFunc");
      if (typeof this[func] === "function") {
        this[func]();
      }
    },
    customFunction() {
      console.log("自定义函数被调用了！");
    }
  }
}
</script>

在上面的示例中，当按钮被点击时，将会在控制台打印出"按钮被点击了！"的消息，并且添加了名为`data-customFunc`的属性，并将其值设置为`"customFunction"`。然后，通过调用`this[func]()`来调用名为`customFunction`的函数。

请注意，我们在Vue的方法中定义了`handleClick`和`customFunction`函数，并通过`this`关键字进行访问。此外，我们使用`this.$el`来获取按钮元素。这是因为Vue的模板中的元素会被Vue实例包装，所以我们需要使用`$el`来获取原生的DOM元素。