欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue中div禁止點(diǎn)擊事件的實(shí)現(xiàn)

 更新時(shí)間:2022年04月01日 17:21:31   作者:Sam young  
這篇文章主要介紹了vue中div禁止點(diǎn)擊事件的實(shí)現(xiàn),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

div禁止點(diǎn)擊事件

在這里插入圖片描述

在props里面定義一個(gè)判斷是不是只讀的屬性。

在這里插入圖片描述

在最外面的div里面添加三元表達(dá)式

在這里插入圖片描述

  • pointer-events: none;是禁止鼠標(biāo)點(diǎn)擊事件

div作為按鈕不可點(diǎn)擊問(wèn)題的處理

vue中div作為按鈕,使用:disabled="flag"(flag為布爾類(lèi)型)控制按鈕是否可點(diǎn)擊,發(fā)現(xiàn)無(wú)論flag為true還是false,div按鈕都可點(diǎn)擊。

解決方法,將div換成button。

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • 詳解Vue的ref特性的使用

    詳解Vue的ref特性的使用

    這篇文章主要介紹了詳解Vue的ref特性的使用,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-01-01
  • easycom模式開(kāi)發(fā)UNI-APP組件調(diào)用必須掌握的實(shí)用技巧

    easycom模式開(kāi)發(fā)UNI-APP組件調(diào)用必須掌握的實(shí)用技巧

    uni-app基于VUE開(kāi)發(fā),通常組件的使用都是先安裝,然后全局或者局部引入,注冊(cè),今天通過(guò)本文給大家分享easycom模式開(kāi)發(fā)UNI-APP組件調(diào)用必須掌握的實(shí)用技巧,需要的朋友一起看看吧
    2021-08-08
  • Element?UI?table參數(shù)中的selectable的使用及遇到坑

    Element?UI?table參數(shù)中的selectable的使用及遇到坑

    這篇文章主要介紹了Element?UI?table參數(shù)中的selectable的使用及遇到的坑,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-08-08
  • 關(guān)于VUE的編譯作用域及slot作用域插槽問(wèn)題

    關(guān)于VUE的編譯作用域及slot作用域插槽問(wèn)題

    這篇文章主要介紹了VUE 的編譯作用域及slot作用域插槽問(wèn)題,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2021-07-07
  • Vue中@change、@input和@blur的區(qū)別及@keyup介紹

    Vue中@change、@input和@blur的區(qū)別及@keyup介紹

    這篇文章主要給大家介紹了關(guān)于Vue中@change、@input和@blur的區(qū)別及@keyup介紹的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2023-02-02
  • 不依任何賴(lài)第三方,單純用vue實(shí)現(xiàn)Tree 樹(shù)形控件的案例

    不依任何賴(lài)第三方,單純用vue實(shí)現(xiàn)Tree 樹(shù)形控件的案例

    這篇文章主要介紹了不依任何賴(lài)第三方,單純用vue實(shí)現(xiàn)Tree 樹(shù)形控件的案例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2020-09-09
  • vue組件props屬性監(jiān)聽(tīng)不到值變化問(wèn)題

    vue組件props屬性監(jiān)聽(tīng)不到值變化問(wèn)題

    這篇文章主要介紹了vue組件props屬性監(jiān)聽(tīng)不到值變化問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue webpack build資源相對(duì)路徑的問(wèn)題及解決方法

    vue webpack build資源相對(duì)路徑的問(wèn)題及解決方法

    這篇文章主要介紹了vue webpack build資源相對(duì)路徑的問(wèn)題,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2020-06-06
  • vue實(shí)現(xiàn)百度下拉列表交互操作示例

    vue實(shí)現(xiàn)百度下拉列表交互操作示例

    這篇文章主要介紹了vue實(shí)現(xiàn)百度下拉列表交互操作,結(jié)合實(shí)例形式分析了vue.js使用jsonp針對(duì)百度接口進(jìn)行交互的相關(guān)操作技巧,需要的朋友可以參考下
    2019-03-03
  • Vue3在css中使用js變量及其原理解讀

    Vue3在css中使用js變量及其原理解讀

    這篇文章主要介紹了Vue3在css中使用js變量及其原理解讀,結(jié)合實(shí)例代碼介紹了vue3中css使用script中定義的變量的方法,本文給大家介紹的非常詳細(xì),需要的朋友可以參考下
    2023-09-09

最新評(píng)論