在 ASP.NET Core MVC 項目中配置 Alpinejs

Question

有人可以向我解釋如何在 ASP.NET Core MVC 項目中配置 alpinejs 並在我的.cshtml文件中使用它嗎？

我已經運行npm install alpinejs並且我已經將它導入到我的index.cstml文件中

<script src="~/node_modules/alpinejs/dist/alpine.js"></script>

但是當我做@click時我遇到了問題

<button class="outline-none focus:outline-none border-r border-gray-200 w-10 h-10 hover:text-indigo-500 active:bg-gray-50" 
        @click="format('bold')">
    <i class="mdi mdi-format-bold"></i>
</button>

謝謝你的幫助

Answer 1

@已經是 asp.net 中的保留符號，因此您可以使用@@click對其進行轉義，或者在x-on:click的 Alpine 中使用更長的綁定語法