vue中改變選中當前項的顯示隱藏或者狀態的方法
在vue中已經不像jq那樣直接操作dom了,如果要指向當前選中項時,就不能再用jq的思路來做了,方法如下:
例如
當指向一個狀態的時候,只讓指向的狀態隱藏,其他項不變,如果專案中用了element-ui,那麼操作起來會比較簡單一些,這樣設定:
v-if="(row.id == currentId&&row.auditState==0)?checkState:!checkState" @mouseover="statehidden(row.id)"
js中:
statehidden(id){
this.currentId=id;
},
這種方法的思路是:滑鼠指向某一項時,獲取到某一項的id存在一個變數中,判斷row.id==currentId,控制這個按鈕顯示隱藏就可以了,因為只有在滑鼠指向某一項的時候才能拿到當前項的id,所以可以利用row.id==currentId來判斷,這樣就能輕鬆實現控制當前項的變化
相關推薦
vue中改變選中當前項的顯示隱藏或者狀態的方法
在vue中已經不像jq那樣直接操作dom了,如果要指向當前選中項時,就不能再用jq的思路來做了,方法如下: 例如 當指向一個狀態的時候,只讓指向的狀態隱藏,其他項不變,如果專案中用了element-ui,那麼操作起來會比較簡單一些,這樣設定: v-if
vue中的圖片載入與顯示預設圖片
原部落格地址:https://www.cnblogs.com/xulei1992/p/6558294.html <div class="content-show-img"> <div class="show-img"> <img cl
Enum新增說明並將說明和int值放在集合中並選定當前項
實現: public static class EnumExtension { /// <summary> /// 獲取列舉的描述,需要DescriptionAttribute屬性 /// </summa
選中複選框 獲取複選框後面文字 顯示在div中 取消選中 則不顯示
<div class="am-form-group" style="height: auto; width: 30%;"> <label for="user-phone"
在vue中解決提示警告 for迴圈報錯的方法
警告 1.出現這個警告問題的時候 我們可以去main.js中在頭部新增這句話: ? 1
vue中引入js,然後new js裡的方法
阿里雲Web播放器Web端使用SDK說明:https://help.aliyun.com/document_detail/51991.html?spm=5176.11065259.1996646101.searchclickresult.15a92458LoTQhA vue專案中要使用阿里雲
Vue中元件的私有屬性為什麼必須定義為方法?
Vue中的元件必須定義為一個方法,因為不定義為方法會報錯。。。 定義如下元件: <template id="temp1"> <div> <p>總共被點選了{{count}}次</p> <button @click="addc
SOUI中使用img控制元件顯示jpg圖片的方法
1.標頭檔案 #include "../../controls.extend/FileHelper.h" #include <GdiPlus.h> #pragma comment(lib,"gdiplus") 2.建立控制元件 SImageWnd* m_pI
利用cookie結合vue中的導航守衛判斷使用者的登入狀態
在src/router/index.js中 1、引入cookie檔案,關於如何引入cookie大家可以參考一下我的另一片文章,然後將給路由起個名字叫router 2、新增一下需要檢測狀態的幾個路由頁面,比如首頁 別忘了上面也要引入一下 import Home
關於vue-cli打包後,index顯示空白頁解決方法
1.修改打包時,檔案引用路徑在config檔案加下index.js檔案中,找到 build 中的 assetsPublicPath 將 assetsPublicPath: '/' 修改為 assetsPublicPath: './' 即新增一個點2.註釋相關列印提示(可選
在jsp中引用js檔案漢字顯示為亂碼解決方法
在jsp中引用js檔案時,js檔案中的漢字在程式中都顯示為亂碼,檢視發現了幾個解決方法: 1、page指令中設定contentType、pageEncoding屬性 <%@ page language="java" import="java.util.*" conte
蘋果Mac OS X顯示隱藏檔案的方法
當升級到OS X 10.9 Mavericks版本之後,這兩條命令需要做一些修改,變成了如下命令: defaults write com.apple.finder AppleShowAllFiles Yes && killall Finder //顯示隱藏檔案 defaults wri
JMeter介面測試中,響應資料中文顯示亂碼的處理方法
1.apache-jmeter-4.0開啟安裝路徑\bin\jmeter.properties檔案,搜尋“default.encoding”關鍵字,找到如下配置:# The encoding to be used if none is provided (default IS
微信小程式中的迴圈列表,在點選時改變當前項的背景顏色
之前自己在網上找這個功能時,花了我大量的時間也沒找到好一點的方法,於是我自己想出了一個解決方案,不知道其是否實用,反正先放出來,如果有不對的地方請指出。菜鳥一個,求帶!廢話不多說,我就直接上demo圖: 我們看到程式碼 我們先給我們的主介面設定兩個
vue中動態新增class類進行顯示隱藏
<div class="status_button"> <el-button type="success" @click="ch
VUE中登入密碼顯示與隱藏的最簡設計——基於iview
#VUE中登入密碼顯示與隱藏的最簡設計——基於iview [toc] #1.背景 近期,在使用abp開發專案過程中,前端vue輸入登入密碼時預設隱藏,但是如果使用者輸錯密碼需要切換顯示跟隱藏。故有此文。 #2.實現最終效果 ##2.1 隱藏密碼 ![](https://img2020.cnblogs.
iOS 鍵盤處理(改變鍵盤為完成鍵),UITextField鍵盤顯示隱藏,彈出,回彈
框架 設置代理 res bool sea boa rst frame 技術分享 很多時候用到UITextField時,處理鍵盤是一個很棘手的問題。 問題一:如何隱藏鍵盤? 方案1.改變鍵盤右下角的換行(enter)鍵為完成鍵,後實現代理方法鍵盤自動回彈 keyBoard
html中實現數據的顯示和隱藏
func 隱藏 obj else content cli solid head utf Author: YangQingQing <!DOCTYPE html><html><meta http-equiv="Content-Type" co
ListView中動態顯示隱藏HeaderView和FooterView
roi ron mas relative 監聽事件 isp 刪除 listen 具體實現 ListView中動態顯示和隱藏Header&Footer 解決思路: 直接設置HeaderView和FooterView.setVisibility(View.GONE)無效
權限模塊_分配權限_顯示樹狀結構_頁面中的選中效果
處理 children tro func input Language context image java 權限模塊__分配權限__顯示樹狀結構1 顯示樹狀結構;依賴關系 setPrivilegeUI.jsp <!-- 顯示權限樹 --> &