Vue.js函数返回的HTML无法在Vue-DatePicker中呈现

Question

我正在使用外部库vuejs-datepicker 有一个道具“ day-cell-content”，可以返回自定义日历内容的功能。在该函数中，我返回了html dom。

dayCellContent(date) {
    return date + '<div class="price">'+ price +'</div>'
} 

我需要添加一些动态标签属性，例如popover。但这不起作用。还有其他变种可以使它起作用吗？

return date.date + 
'<div class="price cheapest" @onclick="someFunction">'+ price +
   '<v-popover placement="top" class="bar-line" popoverClass="bar-tooltip" ' +
      ':delay="{ show: 200, hide: 50}" trigger="hover">' +
      '<template slot="popover">' +
          '<div class="date">' +
               date + '</div>' + '<div class="price">' + price +
          '</div>' + 
      '</template>' + 
   '</v-popover>' + 
'</div>'