antd-design-vue1.0 a-modal在content用createVNode加了a-button,怎么给button增加点击事件

在Ant Design Vue 1.0 中，如果你想在`a-modal`组件的内容区域使用`createVNode`添加自定义的`a-button`并为其设置点击事件，你可以这样做：

<template>
  <a-modal v-model="modalVisible" :title="modalTitle">
    <div ref="customContent">{{ customContent }}</div> <!-- 这里我们先展示一个空的div -->
  </a-modal>
</template>

<script setup>
import { createVNode } from 'vue';
import { Button } from 'ant-design-vue';

export default {
  data() {
    return {
      modalVisible: false,
      modalTitle: 'Custom Modal',
      // 可能的按钮内容和点击事件处理函数
      customContent: `
        <div>
          <p>这是模态框的内容...</p>
          <button @click="handleButtonClick">点击我</button>
        </div>
      `,
    };
  },
  methods: {
    handleButtonClick() {
      console.log('Button clicked');
      // 这里可以编写实际的业务逻辑
    },
  },
  mounted() {
    this.$nextTick(() => {
      const buttonNode = createVNode(Button, {
        text: '点击我', // 如果需要改变文字或属性，直接在这里添加
        onClick: this.handleButtonClick, // 绑定事件处理器
      });
      
      this.$refs.customContent.appendChild(buttonNode); // 将按钮添加到动态内容中
      // 或者使用 ref 的 .append 方法
      // this.$refs.customContent.append(buttonNode);
    });
  },
};
</script>

当你希望在内容渲染完成后添加按钮时，可以在`mounted`生命周期钩子中操作。注意，由于`a-modal`的渲染可能会异步，所以通常会使用`$nextTick`等待DOM更新后再添加。