欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

Vue如何實(shí)現(xiàn)背景更換顏色-創(chuàng)新互聯(lián)

創(chuàng)新互聯(lián)www.cdcxhl.cn八線(xiàn)動(dòng)態(tài)BGP香港云服務(wù)器提供商,新人活動(dòng)買(mǎi)多久送多久,劃算不套路!

豐寧ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書(shū)未來(lái)市場(chǎng)廣闊!成為成都創(chuàng)新互聯(lián)的ssl證書(shū)銷(xiāo)售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話(huà)聯(lián)系或者加微信:18982081108(備注:SSL證書(shū)合作)期待與您的合作!

這篇文章主要為大家展示了Vue如何實(shí)現(xiàn)背景更換顏色,內(nèi)容簡(jiǎn)而易懂,希望大家可以學(xué)習(xí)一下,學(xué)習(xí)完之后肯定會(huì)有收獲的,下面讓小編帶大家一起來(lái)看看吧。

<!-- 分頁(yè)上下頁(yè)改變背景圖效果 -->
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title></title>
	<link rel="stylesheet" href="">
	<script type="text/javascript" src="../node_modules/vue/dist/vue.js"></script>
	<style type="text/css" media="screen">
		.page{
			list-style: none;
		}
		.page>li{
			float: left;
			margin-left: 10px;
		}
		.page>li>a{
			text-decoration: none;
		}
		.active{
			color: red;
			text-decoration: display;
		}
		div{
			width: 500px;height: 500px;
		}
	</style>
</head>
<body >
	<div id="app" v-bind:>
		<ul class="page">
			<li> 
				<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" v-on:click="decrease" >上一頁(yè)</a> 
			</li>
			<li v-for="n in totalPage">
				<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" v-bind:class="n==activeNum&#63;'active':''">{{n}}</a>
			</li>
			<li>
				<a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" @click="increase">下一頁(yè)</a> 
			</li>
		</ul>
	</div>
	<script type="text/javascript">
		var exampleData={
			
			//msg:"Hello Vue",
			bgCol:"#DB8623FF",
			totalPage:10,
			
			activeNum:3,
		}
		var app = new Vue({
			el:'#app',
			data:exampleData,
			methods:{
				decrease:function(){
					this.activeNum==1&#63;'':this.activeNum-=1;
					
					this.bgCol=this.getRandom();

				},
				increase:function(){
					this.activeNum==10&#63;'':this.activeNum+=1;
					this.bgCol=this.getRandom();
				},
				getRandom:function(){
					var r=Math.floor(Math.random()*256);
					var g=Math.floor(Math.random()*256);
					var b=Math.floor(Math.random()*256);
					var a=Math.random().toFixed(1);
					return `rgba(${r},${g},$,${a})`
				}
			}
		})
	</script>
</body>
</html>

名稱(chēng)欄目:Vue如何實(shí)現(xiàn)背景更換顏色-創(chuàng)新互聯(lián)
瀏覽地址:http://www.aaarwkj.com/article12/dohhdc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站、自適應(yīng)網(wǎng)站網(wǎng)站建設(shè)、ChatGPT、微信公眾號(hào)、網(wǎng)站導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化
激情婷婷亚洲五月综合网| 国产一区二区三区免费有码视频| 色桃子av一区二区三区| 国产男女视频免费观看| 精品视频一区二区三区在线观看| 厕所偷拍视频一区二区三区| 高潮内射一区二区三区| 亚洲精品在线观看毛片| 亚洲av最近在线观看| 久久精品视频亚洲一级| 九九99九九99九九精品在线观看| 淫色网av人妻中文字幕| 免费不卡无码毛片观看| 亚洲国产欧美一区三区成人| 精品福利视频一区二区| 日韩av有码在线播放| 精品久久人妻中文字幕免费| 亚州中文字幕久久一区| 亚洲午夜经典一区二区日韩 | 麻豆专区一区二区三区| 午夜精品久久久免费视频| 91性感视频在线播放| 久久这里只有精品伊人网| 后入式动漫在线观看| 99久久免费精品老色| 日韩精品在线观看一| 一区二区蜜桃在线观看| 久久裸体国语精品国产91| 国产一区二区三区自拍| 国产又粗又长又爽网站| 有码精品视频在线观看| 伊人青草免费在线视频| 亚洲日本高清一二三区| 变态另类日韩欧美高清| 香蕉视频网站欧美一区| 午夜麻豆影网在线观看| 亚洲天堂免费观看av| 四虎永久精品国产毛片| 91口爆吞精国产对白| 亚洲中文字幕偷拍色图| 午夜av一区二区三区|