vue.js使用v-html插入模版,綁定事件v-on:click事件不能觸發,被當做字符串解析問題


 
 
 
這里第三行和第四行的<a>標簽分別是用v-html加進去的和直接寫死綁定的事件,很明顯看到第三行的a標簽綁定的click 被當成字符串解析了,點擊事件沒有任何的作用,這里是因為v-html里的東西,調不到this.methods的東西,因為methods里的代碼是編譯后在瀏覽器里運行的,內容按普通 HTML 插入 - 不會作為 Vue 模板進行編譯。
當然官網本身也不建議使用v-html,安全性考慮,不過解決這個問題可以使用事件代理來解決,把事件綁定到父元素上即可,但鑒於當時的需求我正是要判斷什么樣的需要點擊,什么的不需要點擊,所以最后我是用了v-if實現的想要的渲染效果。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM