Vue.js是目前非常流行的前端框架之一。在使用Vue的過程中,開發者會經常使用到jQuery的this指向元素操作的方法。在Vue中,直接使用$(this)是不行的,需要采用Vue提供的方式。
在Vue中,可以利用ref獲取元素的真實DOM節點,然后使用jQuery操作,代碼如下:
//模板 <div ref="myDiv"></div> //JS $('#' + this.$refs.myDiv.id).hide();
這里的id是Vue自動生成的,這樣就可以使用jQuery的方法操作元素了。
不過需要注意的是,在Vue中頻繁操作DOM是不推薦的,因為Vue的核心思想是數據驅動視圖,而不是通過直接操作DOM來改變視圖。如果實在需要操作DOM,推薦使用Vue提供的指令,例如v-show和v-if等。