用vue讓a標籤點選高亮（附代碼）
這次帶給大家用vue讓a標籤點擊高亮（附代碼），用vue讓a標籤點擊高亮的注意事項有哪些，下面就是實戰案例，一起來看一下。
如下：
<!DOCTYPE html>
<html
lang="en">
<head>
<title></title>
<meta
charset="UTF-8">
<meta
name="viewport"
content="width=device-width, initial-scale=1">
<!--<link href="css/style.css" rel="external nofollow" rel="stylesheet">-->
<script
src="js/jquery.js"></script>
<script
src="js/vue(2.0).js"></script>
<style
lang="less"
rel="stylesheet/less">
.a {
display:
block;
float:
left;
margin-left:
20px;
}
.active {
color:
red;
font-size:
17px;
}
</style>
</head>
<body>
<p
id="app">
<a
class="s-bt" @click="selected(Aname.name)"
:class="{active: active == Aname.name}"
v-for="Aname in Alist">{{Aname.name}}</a>
</p>
<script>
new
Vue({
el:
'#app',
data: {
Alist: [{
name:
'影视大咖'
}, {
name:
'女明星'
}, {
name:
'男明星'
}, {
name:
'商业大亨'
}],
active:
''
},
mounted() {
},
methods: {
selected(name) {
this.active
= name;
}
}
})
</script>
</body>
</html>相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
以上是用vue讓a標籤點選高亮（附代碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
解決win7驅動程式碼28的方法
Dec 30, 2023 pm 11:55 PM
有的用戶在安裝設備的時候遇到了錯誤，提示錯誤代碼28，其實這主要是由於驅動程式的原因，我們只要解決win7驅動程式碼28的問題就可以了，下面就一起來看一下應該怎麼來操作吧。 win7驅動程式碼28怎麼辦：首先，我們需要點擊螢幕左下角的開始選單。接著，在彈出的選單中找到並點擊“控制面板”選項。這個選項通常位於選單的底部或附近。點擊後，系統會自動開啟控制面板介面。在控制面板中，我們可以進行各種系統設定和管理操作。這是懷舊大掃除關卡中的第一步，希望對大家有幫助。然後，我們需要繼續操作，進入系統和
藍色畫面代碼0x0000001怎麼辦
Feb 23, 2024 am 08:09 AM
藍屏代碼0x0000001怎麼辦藍屏錯誤是電腦系統或硬體出現問題時的一種警告機制，代碼0x0000001通常表示出現了硬體或驅動程式故障。當使用者在使用電腦時突然遇到藍色畫面錯誤，可能會感到驚慌失措。幸運的是，大多數藍色畫面錯誤都可以透過一些簡單的步驟來排除和處理。本文將為讀者介紹一些解決藍屏錯誤代碼0x0000001的方法。首先，當遇到藍色畫面錯誤時，我們可以嘗試重
在iPhone iOS 17上如何設定多個計時器
Sep 18, 2023 am 09:01 AM
在iOS17中，您可以使用時鐘應用程式在iPhone上設定多個計時器，或使用Siri免持設定。我們在本文中討論了兩者。讓我們來看看它們。使用時鐘應用程式在iPhone上設定多個計時器打開iPhone上的時鐘應用程序，然後點擊右下角的計時器選項卡。現在，設定小時、分鐘和秒。您可以使用「標籤」和「計時器何時結束」選項來設定計時器的名稱以及計時器完成時的首選音調。這將幫助您區分計時器。完成後，點擊“開始”按鈕。然後，點擊右上角的「+」圖示。現在，重複上述步驟以在iPhone上設定多個計時器。您還可以瀏
電腦頻繁藍屏而且每次代碼不一樣
Jan 06, 2024 pm 10:53 PM
win10系統是一款非常優秀的高智慧系統強大的智慧可以為使用者帶來最好的使用體驗，一般正常的情況下使用者的win10系統電腦都不會出現任何的問題！但在優秀的電腦也難免會出現各種故障最近一直有小伙伴們反應自己的win10系統遇到了頻繁藍屏的問題！今天小編就為大家帶來了win10電腦頻繁藍屏不同代碼的解決方法讓我們一起來看看吧。電腦頻繁藍屏而且每次代碼不一樣的解決辦法：造成各種故障碼的原因以及解決建議1、0×000000116故障原因：應該是顯示卡驅動不相容。解決建議：建議更換廠商原帶驅動。 2、
GE通用遠端程式碼可在任何裝置上編程
Mar 02, 2024 pm 01:58 PM
如果您需要遠端編程任何設備，這篇文章會為您帶來幫助。我們將分享編程任何設備的頂級GE通用遠端代碼。通用電氣的遙控器是什麼？ GEUniversalRemote是一款遙控器，可用於控制多個設備，如智慧電視、LG、Vizio、索尼、藍光、DVD、DVR、Roku、AppleTV、串流媒體播放器等。 GEUniversal遙控器有各種型號，具有不同的功能和功能。 GEUniversalRemote最多可以控制四台設備。頂級通用遙控器代碼，可在任何裝置上編程GE遙控器配備一組代碼，使其能夠與不同設備配合。您可
解決代碼0xc000007b錯誤
Feb 18, 2024 pm 07:34 PM
終止代碼0xc000007b在使用電腦時，有時會遇到各種各樣的問題和錯誤代碼。其中，終止代碼最為令人困擾，尤其是終止代碼0xc000007b。這個程式碼表示某個應用程式無法正常啟動，給用戶帶來了不便。首先，我們來了解終止碼0xc000007b的意思。這個程式碼是Windows作業系統的錯誤代碼，通常發生在32位元應用程式嘗試在64位元作業系統上執行時。它表示應
詳解0x0000007f藍屏代碼的原因及解決方案
Dec 25, 2023 pm 02:19 PM
藍屏是我們在系統使用的時候常常會碰到的問題，根據錯誤代碼的不同，會有很多中不一樣的原因和解決方法。例如我們在使用時遇到stop：0x0000007f的問題，可能是硬體或軟體錯誤，下面就跟著小編一起來看看解決方法吧。 0x000000c5藍色畫面代碼原因：答：記憶體、CPU、顯示卡突然超頻，或軟體運作錯誤。解決方法一：1.開機時不斷按F8進入，選擇安全模式，回車進入。 2.進入安全模式後，按win+r開啟運行窗口，輸入cmd，回車。 3.在指令提示窗口，輸入“chkdsk/f/r”，回車，然後按y鍵。 4、
如何使用Copilot產生程式碼
Mar 23, 2024 am 10:41 AM
身為一名程式設計師，對於能夠簡化程式設計體驗的工具，我感到非常興奮。借助人工智慧工具的幫助，我們可以產生演示程式碼，並根據需求進行必要的修改。在VisualStudioCode中新引入的Copilot工具讓我們能夠創建具有自然語言聊天互動的AI生成程式碼。透過解釋功能，我們可以更好地理解現有程式碼的含義。如何使用Copilot產生程式碼？要開始，我們首先需要取得最新的PowerPlatformTools擴充。要實現這一點，你需要進入擴充頁面，搜尋“PowerPlatformTool”，然後點擊Install按鈕
