2.Vue 學(xué)習(xí)記錄

1.實(shí)用性vue技巧

1.1 vue的輸入框格式化和校驗(yàn)

  • 1 整字格式
    在v-model后面加.number即可實(shí)現(xiàn)只輸入整數(shù)
  • 2 小數(shù)格式
    在input組件或標(biāo)簽里加 一下代碼即可實(shí)現(xiàn)輸入格式化的小數(shù)格式
onKeyUp="value = value.replace(/[^\d.]/g,'');value = value.replace(/\.{2,}/g,'.');
                        value = value.replace(/^\./g,'');value = value.replace('.','$#$').replace(/\./g,'').replace('$#$','.');"
  • 3 身份證正則 + 港澳
^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$ //身份證
^([A-Z]\d{6,10}(\(\w{1}\))?)$ //港澳
  • 4 電話號(hào)碼正則
^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$
  • 5 郵箱正則
^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})

1.2 axios下載文件

axios.post(url,params,{responseType: 'blob',// 返回類型設(shè)置 指定為文件
                    headers: {'Content-Type':'application/json;application/octet-stream'}, // 頭部設(shè)置
                }).then((response) => {
                    const fileName = decodeURI(response.headers['content-disposition'].split('=')[1]) // 獲取下載文件的文件名 有些接口可能沒(méi)有
                    let blob = new Blob([response.data], { // 用blob接收返回的文件流
                        type: "application/zip" // 解析文件的格式 zip壓縮包闯狱、vnd.ms-excel表格
                    })
                    // 下載函數(shù)
                    function downloadFile(url, name) {
                        var a = document.createElement("a");
                        a.target = "_blank"
                        a.href = url;
                        a.setAttribute("download", name || url || '');
                        var evt = document.createEvent("MouseEvents");
                        evt.initEvent("click", true, true);
                        a.dispatchEvent(evt);
                    }
                    downloadFile(URL.createObjectURL(blob), fileName) 
                    
                }, (error) => {
                    // 請(qǐng)求異常
                    this.$alert('下載異常')
                })

1.3 文件引入

  • 1 在template里
    --- 多用require+@引入圖片或文件
  • 2 在script里
    --- 導(dǎo)入用import+@引入
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末途乃,一起剝皮案震驚了整個(gè)濱河市先煎,隨后出現(xiàn)的幾起案子草则,更是在濱河造成了極大的恐慌辛块,老刑警劉巖牵舵,帶你破解...
    沈念sama閱讀 223,002評(píng)論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件叫胁,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡官紫,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門州藕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)束世,“玉大人,你說(shuō)我怎么就攤上這事床玻』偕妫” “怎么了?”我有些...
    開封第一講書人閱讀 169,787評(píng)論 0 365
  • 文/不壞的土叔 我叫張陵锈死,是天一觀的道長(zhǎng)贫堰。 經(jīng)常有香客問(wèn)我穆壕,道長(zhǎng),這世上最難降的妖魔是什么其屏? 我笑而不...
    開封第一講書人閱讀 60,237評(píng)論 1 300
  • 正文 為了忘掉前任粱檀,我火速辦了婚禮,結(jié)果婚禮上漫玄,老公的妹妹穿的比我還像新娘茄蚯。我一直安慰自己,他們只是感情好睦优,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,237評(píng)論 6 398
  • 文/花漫 我一把揭開白布渗常。 她就那樣靜靜地躺著,像睡著了一般汗盘。 火紅的嫁衣襯著肌膚如雪皱碘。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,821評(píng)論 1 314
  • 那天隐孽,我揣著相機(jī)與錄音癌椿,去河邊找鬼。 笑死菱阵,一個(gè)胖子當(dāng)著我的面吹牛踢俄,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播晴及,決...
    沈念sama閱讀 41,236評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼都办,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了虑稼?” 一聲冷哼從身側(cè)響起琳钉,我...
    開封第一講書人閱讀 40,196評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蛛倦,沒(méi)想到半個(gè)月后歌懒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,716評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡溯壶,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,794評(píng)論 3 343
  • 正文 我和宋清朗相戀三年及皂,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片茸塞。...
    茶點(diǎn)故事閱讀 40,928評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡躲庄,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出钾虐,到底是詐尸還是另有隱情噪窘,我是刑警寧澤,帶...
    沈念sama閱讀 36,583評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站倔监,受9級(jí)特大地震影響直砂,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜浩习,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,264評(píng)論 3 336
  • 文/蒙蒙 一静暂、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧谱秽,春花似錦洽蛀、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至近哟,卻和暖如春驮审,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背吉执。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評(píng)論 1 274
  • 我被黑心中介騙來(lái)泰國(guó)打工疯淫, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人戳玫。 一個(gè)月前我還...
    沈念sama閱讀 49,378評(píng)論 3 379
  • 正文 我出身青樓熙掺,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親量九。 傳聞我的和親對(duì)象是個(gè)殘疾皇子适掰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,937評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • [toc] 邂逅Vue.js 1.編程范式- 命令式編程 如jquery- 聲明式編程 只需要生命需要顯示的東西...
    debug_LX閱讀 230評(píng)論 0 0
  • 鉤子函數(shù)的生命周期 根實(shí)例,在初始化時(shí)會(huì)調(diào)用很多方法荠列,這些方法被稱為鉤子函數(shù)生命周期:beforeCreate c...
    大白熊_8133閱讀 644評(píng)論 0 0
  • 這一部分聽的我迷迷糊糊的,安裝了一萬(wàn)個(gè)包 vue-cli Vue項(xiàng)目的腳手架,幫我們生成vue的工具 彈出Your...
    大白熊_8133閱讀 464評(píng)論 0 0
  • 一载城、toDoList練習(xí) 1. 同級(jí)組件之間傳值 功能描述:實(shí)現(xiàn)點(diǎn)擊全部任務(wù) 未完成任務(wù) 已完成任務(wù)按鈕的過(guò)濾肌似。需...
    甜柚小仙女閱讀 354評(píng)論 0 1
  • 目標(biāo):了解Vue, 了解常用的Vue的一些工具,用vue cli搭建一個(gè)測(cè)試用例诉瓦,在瀏覽器上面運(yùn)行起來(lái)川队。 了解Vu...
    JASONGAOJS閱讀 285評(píng)論 0 0