直播平臺原始碼,input密碼框顯示與隱藏
直播平臺原始碼,input密碼框顯示與隱藏
一、html部分
<div style="margin-top: 200px;background: #42b983;width: 200px;height: 100px"> <input :type="passwordType" v-model="password" placeholder="請輸入賬號"/> <img :src="status" alt="" @click="changeStatus()"/> </div>
二、js部分
初始化
export default { data() { return { status:require('../src/assets/visible.png'), passwordType:'password', password:'', } } }
函式部分
changeStatus(){ this.passwordType = this.passwordType==='password'?'text':'password'; this.status = this.status == require('../src/assets/visible.png')?require('../src/assets/unVisible.png'):require('../src/assets/visible.png'); },
以上就是 直播平臺原始碼,input密碼框顯示與隱藏,更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2946822/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 直播平臺原始碼,Android實現密碼顯示與隱藏原始碼Android密碼
- 搭建直播平臺,顯示隱藏密碼,眼睛特效密碼特效
- 直播商城原始碼,密碼輸入框自定義顯示隱藏圖示原始碼密碼
- 隱藏密碼?顯示密碼?密碼
- 直播平臺原始碼,隱藏app圖示並不在最近執行中顯示原始碼APP
- 直播app系統原始碼,底部彈框顯示,底部導航隱藏APP原始碼
- H5 JS控制input表單密碼的顯示與隱藏H5JS密碼
- 直播系統程式碼,輸入時實現密碼顯示與隱藏密碼
- 直播app系統原始碼,Fragment 顯示 隱藏 監聽APP原始碼Fragment
- 直播網站原始碼,EasyUI按鈕控制標籤顯示與隱藏網站原始碼UI
- 點選開關顯示或者隱藏input文字框
- Android 眼睛 顯示隱藏密碼(ImageView)Android密碼View
- EditText設定密碼隱藏和顯示密碼
- 短視訊平臺原始碼,Android 左右滑動顯示和隱藏原始碼Android
- app直播原始碼,Android EditText的游標的顯示和隱藏APP原始碼Android
- 直播平臺原始碼,el-button自定義圖片顯示原始碼
- 顯示密碼編輯框中的密碼 (轉)密碼
- jQuery 顯示 input 輸入的密碼!jQuery密碼
- login介面 checkbox選擇顯示或者隱藏密碼密碼
- HTML input password密碼框HTML密碼
- HTML input password 密碼框HTML密碼
- 直播平臺原始碼,TabLayout標籤較少時,如何居中顯示原始碼TabLayout
- 直播平臺搭建原始碼,XBanner設定只顯示輪播圖原始碼
- 直播平臺原始碼,通知欄中顯示滑動的進度條原始碼
- 直播平臺原始碼,JavaScript表單驗證密碼強度原始碼JavaScript密碼
- 直播平臺原始碼,各個樣式的訊息通知欄顯示方式原始碼
- Android基礎 Android 顯示隱藏密碼的簡單實現Android密碼
- 直播網站原始碼,修改el-input邊框顏色網站原始碼
- mac顯示隱藏檔案,取消顯示隱藏檔案Mac
- VB原始碼推薦: 動態的顯示/隱藏start按鈕 (轉)原始碼
- 點選密碼框明文和密文顯示切換密碼
- js下拉框實現div顯示和隱藏JS
- 視訊直播app原始碼,軟體主頁向下滑動時隱藏搜尋框APP原始碼
- 直播app原始碼,預設顯示搜尋框 保留搜尋條件APP原始碼
- jQuery控制div顯示和隱藏程式碼例項jQuery
- 手機直播原始碼,滾動條在滑動時顯示,靜止時恢復隱藏狀態原始碼
- 直播平臺原始碼,vue圖片中劃框擷取部分圖片原始碼Vue
- JavaScript 設定div顯示與隱藏JavaScript