給你的彈框加個v-model屬性,然后在你的彈框問題上,就是你想點擊的那個標簽上加個事件去關閉彈框就行了。
<mt-popup v-model="popupVisible">
<span @click="selectThisPopup()"></span>
</mt-popup>
selectThisPopup:function(){
...//做完你想要的事件
this.popupVisible = false;//關閉彈框
}事件寫錯了吧,@后面沒有冒號
<div class="vdobnt" @click="playVideo()">
<i class="iconfont img-text"></i>
</div>將程序放到后臺運行(run in background)。
JS代碼:
//鼠標事件:1.播放音樂 2.更改背景色
function mouseEvent_changeColor() {
var tabs = document.getElementsByTagName("th");
var tabsLen = tabs.length;
for(var i=0;i<tabsLen;++i) {
var curColor;
tabs[i].onmouseover = function() {
//更改背景色
curColor = this.style.backgroundColor;
this.style.backgroundColor = "#fff";
//播放音樂
playMusic(this.id);
}
tabs[i].onmouseout = function() {
//改回原本的背景色
this.style.backgroundColor = curColor;
}
}
}
function playMusic(thisId){
var audio = document.getElementById("music");
audio.src = "songs" + "/" + thisId + ".mp3";
console.log(thisId + " " + audio.src);
audio.play();
}
HTML代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Color and Music</title>
<link rel="stylesheet" href="colorAndMusic.css">
</head>
<body>
<table id="colorTable">
<tr>
<th class="_ffffcc" id="d5"> </th>
<th class="_ffcccc" id="d3"> </th>
<th class="_8696a7" id="d3"> </th>
<th class="_fffaf4" id="d4"> </th>
<th class="_cc9999" id="d2"> </th>
<th class="_e3b4b8" id="d2"> </th>
<th class="_eea2a4" id="d1"> </th>
<th class="_8fb2b9" id="d3"> </th>
</tr>
</table>
<audio src="" id="music"></audio>
<script src="colorAndMusic.js"></script>
</body>
</html>
除了修改代碼之外,發(fā)現(xiàn)ogg格式播放有問題。雖然chrome支持ogg,但只要更換成MP3格式就能正常播放。
體驗過npm安裝失敗太多次后,萬年不變的辦法,刪除node_modules目錄位置,重新安裝一遍!
也有可能會是網(wǎng)絡問題,,建議npm鏡像到淘寶的
用html-loader, 然后webpack就會識別本地圖片, 替換成輸出目錄中圖像的最終路徑。
最好不要在新窗口中打開,你可以使用彈框或是直接跳轉
放棄了,不一定新技術就要學習。graphql 適合大公司折騰,小公司個人就不要玩了。況且現(xiàn)在沒有好用的包,要自己實現(xiàn),普通的查詢還可以,如果是修改動作開發(fā)難度會越來越大,累死前后端。
.el-table__body-wrapper, .el-table__footer-wrapper, .el-table__header-wrapper{
width: 101%;
}
這樣就解決了
$('span').get(1)
this.$nextTick放在你獲取到goods數(shù)據(jù)并賦值之后
// 獲取數(shù)據(jù)
this.getGoods().then(res => {
this.goods = res.data // 賦值 觸發(fā)響應式更新
this.$nextTick(()=>{ // DOM更新之后獲取子元素
this._calculateHeight()
})
})要加overflow: auto;
scrollIntoView
我也碰到了,初步發(fā)現(xiàn),是因為重復注冊了這個攔截器導致。
放在git用戶下的嗎?
git clone git@xxxx:xxxx.git
Jetty是由Greg Wilkins在1995開發(fā),開始只是作為Mort Bay公司的一個問題跟蹤系統(tǒng)的Http服務組件,后來Jetty經(jīng)歷了很多版本和分支,后來逐漸包含了Http Client,servlet容器等相關組件和工具。
jetty從版本1到版本 4的一直是mortbay提供管理服務的,后來jetty5在sourceforge托管,jetty6在codehaus托管,現(xiàn)在從版本7之后由eclipse基金會管理。
現(xiàn)在Jetty已經(jīng)成為一個優(yōu)秀的開源軟件,在國外逐漸被廣泛使用。在國內由于java web開始初期Tomcat占了很多的市場份額,網(wǎng)絡也有大量的關于Tomcat的中文資料,所以了解Jetty并熟練使用它的人不多,網(wǎng)絡上關于Jetty全面的資料和書籍也很少,這也是制約Jetty在國內被普及的一個原因。
打包時的publicPath設置為./(這里最好把webpack的配置分為開發(fā)和生產兩份),然后不要直接在style里寫路徑,通過動態(tài)綁定的方式設置背景路徑:
data () {
return {
backgroundImage: `url('${ require('../assets/images/login-bg.jpg') }')`
}
}
<div class="login-bg" :style="{ 'backgroundImage': backgroundImage }">兩個margin相鄰時,會造成合并的問題,只留下最大的margin,除非你用邊框隔開或者做成浮動的。所以沒有好壞,只有適不適合某個場景
vuex是用來存放組件之間公共信息的。你的例子中,items應該屬于組件內部data,不能與外部組件公用的,放在vuex里是不合適的。
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學校辦產業(yè)為響應國家深化產教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復興的升級產業(yè)鏈。利用北京大學優(yōu)質教育資源及背
博為峰,中國職業(yè)人才培訓領域的先行者
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務負責iOS教學及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經(jīng)驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術顧問,美國Dachieve 系統(tǒng)架構師,美國AngelEngineers Inc. 系統(tǒng)架構師。