国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

vue-element超初級教學(xué)

1fe1se / 836人閱讀

摘要：與定時器的恩恩怨怨。這時候我這樣做的首先要把定時器填進(jìn)數(shù)據(jù)中控制住定時器的聲明周期，否則它會煩死你在項(xiàng)目中的運(yùn)用。

本次寫的項(xiàng)目是關(guān)于機(jī)器終端管理的,一開始使用的是最基本的bootstrap+jq+html以及一些小插件，后來由于項(xiàng)目有很多重復(fù)度很高的地方，而且老大要求擴(kuò)展度要高，比如頭部，左邊欄，所以決定和另一名前端小伙伴使用框架進(jìn)行項(xiàng)目重構(gòu)（小項(xiàng)目啦）,最終選擇了Vue+webpack+jq+vueElement，因?yàn)橐郧坝眠^嘛~在這里，我要說一句，Vue-element超好用，因?yàn)槲覀冇锌蚣堋?br>第一步：下載模板解壓到你的目錄下面是地址
https://github.com/jerry9022/...
第二步：下載環(huán)境

npm install

第三步：下載jquery sass vuehighcharts等一系列組件不會的請看我的webpack初級教學(xué)。

下面就是爽上天的時候了，這個模板幾乎涵蓋了你想要的所有，不需要教程，只需要復(fù)制粘貼改數(shù)據(jù)源，當(dāng)然，我遇到了幾個困難點(diǎn)，新手可能都會遇到，我去看下項(xiàng)目，然后在這里我給大家講一下。
1.比如你想用這個框架的table時，正常情況可以這樣寫。


但是當(dāng)你想給這個column添加個：class的時候，你發(fā)現(xiàn)無法添加，這時候我看了下模板，原來你要這樣寫,比如你的class在數(shù)據(jù)里面存著，css樣式也寫好。

這個方法就是自定義一個模板，并把數(shù)據(jù)傳到模板中，模板只需要用Vue的普通寫法就好啦。
2.Vue——router與定時器的恩恩怨怨。
我的項(xiàng)目里有個highcharts模塊，需要用socketio來傳遞數(shù)據(jù)，然后我用定時器不斷的給chart添加時間和數(shù)據(jù)，好嘛！一堆堆的錯誤提示，錯誤原因經(jīng)過兩天我發(fā)現(xiàn)，只要切換vue路由的時候，這個錯誤就會蹦出來，第一次進(jìn)頁面不會有錯。這時候我這樣做的：
首先要把定時器填進(jìn)數(shù)據(jù)中

        beforeDestroy:function(){
            clearInterval(this.timer.timer1);
            clearInterval(this.timer.timer2);
            clearInterval(this.timer.timer3);
        }

控制住定時器的聲明周期，否則它會煩死你?。。?br>3.vue-highchat在項(xiàng)目中的運(yùn)用。

npm install vue-highcharts --save

記住，在你應(yīng)用的頁面中一定將它require進(jìn)來，當(dāng)涉及到時間的時候它是很有用的

var Highcharts = require("highcharts");
Highcharts.setOptions({
                global: {
                    useUTC: false
                }
});

項(xiàng)目模板在最上方，祝大家萬事如意，身體健康。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/83887.html

相關(guān)文章

  • Vue—Cli中使用動態(tài)Highcharts line圖表超初級教學(xué)

    摘要：開始讓動起來我會直接貼部分代碼加少量解釋，建議先看下官方給的動態(tài)實(shí)時刷新示意圖循環(huán)次，線從圖表右側(cè)開始出現(xiàn)，軸會分為秒。 效果展示 社會你龍哥，人丑話不多，先來張圖!圖片傳不上去?。?！可能公司限制了，大家自己幻想下吧 highcharts環(huán)境搭配 由于技術(shù)現(xiàn)水平限制，需要用到兩個Highcharts，下面我會解釋，先上代碼 npm install --save highcharts ...

    stackvoid 評論0 收藏0

  • 云時代的專業(yè)設(shè)計(jì)教學(xué)有多酷？看看南開的澤塔云

    摘要：是澤塔云在年月率先推出的國內(nèi)第一款基于超融合架構(gòu)的虛擬化產(chǎn)品。正因?yàn)楦叨鹊闹匾?，南開大學(xué)文學(xué)院的老師們本著嚴(yán)謹(jǐn)?shù)膽B(tài)度，對澤塔云開展了長達(dá)兩個月的調(diào)研。澤塔云基于超融合架構(gòu)的云解決方案，成為南開大學(xué)在教育信息化走向時代的一大助攻。要說中國歷史上文化底蘊(yùn)十分深厚的高校，南開大學(xué)一定榜上有名。這所剛剛度過100歲生日的知名學(xué)府，雖然校區(qū)規(guī)模不大，卻為中國培養(yǎng)了一代又一代的杰出人才。走進(jìn)南開大學(xué)，這...

    LoftySoul 評論0 收藏0

  • C/C++游戲項(xiàng)目詳細(xì)教學(xué)：《掃雷》

    摘要：掃雷最原始的版本可以追溯到年一款名為方塊的游戲。兩年后，湯姆安德森在的基礎(chǔ)上又編寫出了游戲地雷，由此奠定了現(xiàn)代掃雷游戲的雛形。年，微軟公司的羅伯特杜爾和卡特約翰遜兩位工程師在系統(tǒng)上加載了該游戲，掃雷游戲才正式在全世界推廣開來。 掃雷最原始的版本可以追溯到1973年一款名為方塊的游戲。 不久，...

    meteor199 評論0 收藏0

  • 學(xué)習(xí)Java編程哪個知識點(diǎn)最難學(xué)

    摘要：很多剛接觸編程的同學(xué)都覺得學(xué)習(xí)編程很簡單，但是學(xué)到后期越學(xué)越吃力，今天小編就總結(jié)一下編程哪塊最難學(xué)。目前來看，對于那些打算通過學(xué)習(xí)來找到一份工作的同學(xué)來說，可以分為三個學(xué)習(xí)階段，初級，中級，高級。 　　很多剛接觸Java編程的同學(xué)都覺得學(xué)習(xí)Java編程很簡單，但是學(xué)到后期越學(xué)越吃力，今天小編就總結(jié)一下Java編程哪塊最難學(xué)。 　　目前來看，對于那些打算通過學(xué)習(xí)Java來找到一份工作的同...

    dcr309duan 評論0 收藏0

  • iKcamp出品微信小程序教學(xué)共5章16小節(jié)匯總(含視頻)

    摘要：微信小程序課程，面向所有具備前端基礎(chǔ)知識的同學(xué)閱讀要求讀者需要具備但不限于以下技能更佳一共四部分十五小節(jié)，適合七天的訓(xùn)練營。 ?? 微信小程序課程，面向所有具備前端基礎(chǔ)知識的同學(xué) ?? 閱讀要求 讀者需要具備但不限于以下技能 HTML JavaScript es6更佳 CSS 一共四部分十五小節(jié)，適合七天的訓(xùn)練營。 從現(xiàn)在開始，我假裝你已經(jīng)掌握了 html、 css以及 ES6...

    elliott_hu 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<