<template>
<div class="">
<script type="text/template" id="endPreviewTemplate">
<div class="vip_limit_content" >
<div class="vip_limit_wrap" >
<p class="title">{{ videoInfo.title }}</p>
<div class="vip_limit_button_box">
<p class="vip_limit_btn" @click="buy()">购买视频</p>
</div>
<div class="vip_limit_close">
<span class="vip_limit_close_btn">x</span>
</div>
</div>
</div>
</script>
</div>
</template>
<script>
export default {
data() {
return {};
},
methods: {
buy() {
alert("success");
},
},
};
</script>
<style>
</style>
@click="buy()"不生效,请问应该怎么绑定点击事件呢