ES6中的模板字符串改变html_vue事件绑定修饰符

renderDom() {
        return `
        <div data-action="goDetail" data-url="${item.clickUrl}" class="uliao-news-item">
            <h1>${item.title}</h1>
        </div>
        `;
}

class ULiaoNews {

    constructor(elem) {
        elem.onclick = this.onClick.bind(this);
    }

}

onClick(event) {
        let closest = event.target.closest('.uliao-news-item');
        if (closest) {
            let action = closest.dataset.action;
            this[action](closest.dataset.url);//执行下面的跳转函数
        } 
    }

 goDetail(url) {
        location.href = url;
    }