小编Ale*_*nov的帖子

在 Vue 组件中，我从服务器动态接收消息：

module.exports = {
  data() {
     return: { windowText: '' }
  },

  methods: {

    showCancelEntrieWindow(){
      this.$http.post('/page', {'number' : '123'})
          .then(response => {
               responseText = response.data.message;

               this.windowText = responseText.replace(
                  new RegExp("class='action'", 'g'), 
                  'v-on:click="myclick"'
               ); 

           });
    },
    myclick(){
       console.log('clicked!');
    }
  }
};

消息有一个带有 class="action" 的链接。

例如：

  response.data.message = 'Some text... <a class="action" href="/test">test</a>';

在模板中：

<div v-html="windowText"></div>

如何向此链接添加一些点击处理函数？

我正在尝试使用替换功能编辑response.data.message，如下所示：

this.windowText = responseText.replace(
    new RegExp("class='action'", 'g'), 
    'v-on:click.stop="myclick"'
);

但这不起作用。

请帮我。

当然，我无法编辑response.data.message。