Vue工作總結(jié)(更新中)

  • css module中多個(gè)class帶判斷
div(:class="[$style.content, [fixed == true ? $style.isFixed :'']]")

li(:class="[key == num ? $style.active : '']")
  • v-model修飾符

v-model.trim 將用戶輸入的前后的空格去掉
表單中使用

input(placeholder="請(qǐng)輸入手機(jī)號(hào)" type="tel" maxLength="11" v-model.trim="formItem.mobile")
input(placeholder="請(qǐng)輸入驗(yàn)證碼" type="tel" v-model.trim="formItem.captcha" maxLength="6")
  • 倒計(jì)時(shí)
span {{time ? `${fullNumber(time)}s`: `${codeText}`}}
  data() {
        return {
            codeText: '獲取驗(yàn)證碼',
  },
  watch: {
        time() {
            if(this.time){
                setTimeout(() => this.time--, 1000)
            }else{
                //this.nc.reset();
            }
        }
    }
  • data里本地圖片路徑
1.
let shareIcon = require('../assets/shareicon.jpg')
export default {
   data() {
       return {
           appShareOption: {
               imgUrl: `${location.origin}${shareIcon}`
           }
       }
   }
}

2.
methods: {
   weixin(signPackage) {
       var shareOptions = {
           imgUrl: `${location.origin}/amvvm/src/invest/imgs/shareicon.jpg`
       }
   }
}
  • 跳轉(zhuǎn)地址帶參數(shù)寫(xiě)法
location.href=`/amvvm/invest/?unqid=${_this.unqid}&user_key=${_this.user_key}#/result`
  • 時(shí)間戳轉(zhuǎn)換
var date = new Date(timestamp * 1000);//時(shí)間戳為10位需*1000,時(shí)間戳為13位的話不需乘1000
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 28,774評(píng)論 1 45
  • 定義 z-index 屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面。 *注釋 ...
    尾巴尾巴尾巴閱讀 502評(píng)論 0 0
  • 讀書(shū)分享人(文稿提供者)——陸彥 推薦語(yǔ): 有沒(méi)有覺(jué)得,孩子上小學(xué)后,自主意識(shí)突然變得超級(jí)強(qiáng)大?有...
    盛放讀書(shū)閱讀 967評(píng)論 1 2
  • 一個(gè)是在喧囂里制造孤獨(dú),一個(gè)是在孤獨(dú)里撫慰心靈。 推薦音樂(lè):Yesterday--- Bob Dylan 今天終于...
    陸拾八閱讀 2,271評(píng)論 5 3

友情鏈接更多精彩內(nèi)容