Javascript 将元素附加到FullCalendar时Vuejs不工作

您好，当我将一些自定义按钮附加到FullCalendar事件时，它不适用于vuejs方法

它使用的是核心javascript，我想使用vuejs方法，我该怎么做

这是我的代码：

eventRender(info) {
        // console.log(info)
        $(info.el).find(".fc-content").append(`
        <div class="btn-group" role="group" style=" float: right; top: 10px; right: 10px; margin: 0; padding: 0; position: absolute; ">
                            <button @click="vuejsMehtodName('Unpaid')" type="button" class="btn btn-sm btn-default btn-secondary">Unpaid</button>
                            <button @click="vuejsMehtodName('Unseen')" type="button" class="btn btn-sm btn-primary btn-secondary">Unseen</button>
                            <button @click="vuejsMehtodName('Cancel')" type="button" class="btn btn-sm btn-danger btn-secondary">Cancel</button>
                        </div>
          `);
      },

eventRender（信息）{
//控制台日志（信息）
$（info.el）.find（“.fc content”）.append(`
不付报酬的
看不见
取消
`);
},

我尝试@click.native，但结果相同！我怎么能修好它？ 谢谢。

eventRender（信息）{
//控制台日志（信息）
$（info.el）.find（“.fc content”）.append(`
不付报酬的
看不见
取消
`);
},

---

语法中有一些错误。像那样试试。

我用那个代码解决了我的问题， 正如我告诉你的，我正在使用fullcalendar，并在事件中添加了一些按钮：

        // console.log(info)
        $(info.el).find(".fc-content").append(`
        <div class="btn-group" role="group" style=" float: right; top: 10px; right: 10px; margin: 0; padding: 0; position: absolute; ">
                            <button id="Unpaid" type="button" class="btn btn-sm btn-default btn-secondary">Unpaid</button>
                            <button id="Unseen" type="button" class="btn btn-sm btn-primary btn-secondary">Unseen</button>
                            <button id="Cancel" type="button" class="btn btn-sm btn-danger btn-secondary">Cancel</button>
                        </div>
          `);
      },

之后，您需要在您的方法上创建该方法（VuejsMetodName），您可以做任何您想做的事情。

---

谢谢。

没有，例如您有VuejsmetodName（“取消”）；在那里，您需要删除该文件；我删除了它，但结果相同，无法访问该方法。我不知道为什么可能是关于fullcalendar的，因为它可以访问核心javascript函数，而不是vuejs方法。从您发布的代码中，我只能看到这些。如果你想要更多的帮助，你需要显示更多的代码。你需要的是什么代码？如果你使用了Fullcalendar，你可能会遇到这个问题，我想这是Fullcalendar的问题，但我不知道我该怎么做！因为@click不工作但onclick工作。。。你能创建一个JSFIDLE吗？

        // console.log(info)
        $(info.el).find(".fc-content").append(`
        <div class="btn-group" role="group" style=" float: right; top: 10px; right: 10px; margin: 0; padding: 0; position: absolute; ">
                            <button id="Unpaid" type="button" class="btn btn-sm btn-default btn-secondary">Unpaid</button>
                            <button id="Unseen" type="button" class="btn btn-sm btn-primary btn-secondary">Unseen</button>
                            <button id="Cancel" type="button" class="btn btn-sm btn-danger btn-secondary">Cancel</button>
                        </div>
          `);
      },

eventClick(info) {
        if(info.jsEvent.toElement.id=='Unpaid' || info.jsEvent.toElement.id=='Unseen' || info.jsEvent.toElement.id=='Cancel'){
 this.vuejsMehtodName(info.jsEvent.toElement.id)
 }else{
  // here mean when we click any where on event exept (buttons)
 }
}