特殊属性でのThymeleafとVuejsの統合エラー

Question

thymeleaf経由でHTMLタグに特別な属性を使用すると、誰でも既にエラーが発生しましたか？

例： Thymeleafは、このHTMLコードを使用することになります

<div class="draggable-header-view" 
    @mousedown="startDrag" @touchstart="startDrag" 
    @mousemove="onDrag" @touchmove="onDrag" 
    @mouseup="stopDrag" @touchend="stopDrag" @mouseleave="stopDrag"> 
</div> 

@mousedownなどもvuejsで使用されています。

ただし、ThymeleafがこのHTMLコードを使用する場合、例外解析文書が生成されます。

私の推測では、Thymeleafの@は予約済みのキーワードです。これは@ {value}に使用されます。 しかし、@はvuejにも使用されます。

誰かがこれに対していくつかの回避策を実行できましたか？

ありがとうございました。

Answer 1

あなたが使用している技術は何か分かりませんが、それは禁止されている場合は、の問題です。v-on:のショートカットにすぎません。

だから、それをこのように書くことができる必要があります：

<div class="draggable-header-view" 
    v-on:mousedown="startDrag" v-on:touchstart="startDrag" 
    v-on:mousemove="onDrag" v-on:touchmove="onDrag" 
    v-on:mouseup="stopDrag" v-on:touchend="stopDrag" 
    v-on:mouseleave="stopDrag"> 
</div>