在javascript（Vuejs）的HTML字符串上调用事件

Question

我正在尝试用JavaScript字符串调用事件。

在buffer上我称为此事件：

@click.prevent = "Buy($event)"

但是浏览器不会解析它：

尝试代码：

JS：

    var buffer="";
    for(let i=0 ;i < Object.keys(result).length;i++) {
        buffer += "<div class='category-item'><a class='button-product-info-s' href='/product/"+result[i]['id']+"'/><img class='product-img-s' src='"+result[i]['pic_url'] +"'></a><p class='product-name-s'>"+result[i]['name']+"</p><a @click.prevent='Buy(event)' href=''  class='btns btn-primarys btn-buy-s' value='"+result[i]['id']+"'>Buy</a></div>";
    }
    this.codes= buffer;

//Buy function

Buy:function (event) {
    element= event.currentTarget;
    value = element.getAttribute('value');
            }

HTML：

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

result是我的API数据。

Answer 1

我猜想，您可以尝试@click.prevent = "Buy($event.target.value)"。而不只是$event。为了正确诊断问题，我认为我需要更多相关代码，例如Buy方法。