第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

更改鏈接上的頁(yè)面布局單擊 vue.js

更改鏈接上的頁(yè)面布局單擊 vue.js

慕無(wú)忌1623718 2023-12-11 10:26:42
我正在學(xué)習(xí)如何使用 vue.js 我有一個(gè)共享托管計(jì)劃，我只能使用 html。我正在使用 axios 和僅充當(dāng)后端的遠(yuǎn)程 WordPress 安裝來(lái)獲取所需的數(shù)據(jù)。我需要知道的是，index.html如果用戶單擊鏈接并且我需要更改頁(yè)面布局，因?yàn)樾枰煌膬?nèi)容呈現(xiàn)，我如何更改使用 vue 的 DOM 內(nèi)容？參見(jiàn)示例：<div id="vue-app">  <a href="#">link to layout 2</a>  <div class="col-12">starting layout </div></div>// after the user click the link (v-on:click) the layout change<div id="vue-app">  <a href="#">link to layout 1</a>// layout change  <div class="col-6">new layout </div>  <div class="col-6">new layout </div></div>
查看完整描述

1 回答

?
慕田峪7331174

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超13個(gè)贊

您可以在腳本標(biāo)記的數(shù)據(jù)隔間中有一個(gè)布爾變量，并在單擊時(shí)更改它。

并在標(biāo)簽中放入v-if="your_bool_variable".

<div id="vue-app" v-if="layout_switch">

? <a href="#">link to layout 2</a>

? <div class="col-12">starting layout </div>

</div>


// after the user click the link (v-on:click) the layout change


<div id="vue-app" v-else>

? <a href="#">link to layout 1</a>

// layout change

? <div class="col-6">new layout </div>

? <div class="col-6">new layout </div>

</div>

在事件中取反布爾變量@click。


數(shù)據(jù)可能如下所示：


<script>

? ? export default {

? ? ? ? name: "YourComponent",

? ? ? ? data: () => {

? ? ? ? ? ? return {

? ? ? ? ? ? ? ? layout_switch: true

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? methods: {

? ? ? ? ? ? changeLayout() {

? ? ? ? ? ? ? ? this.layout_switch = !this.layout_switch;

? ? ? ? ? ? }

? ? ? ? }

? ? }

</script>


查看完整回答
反對(duì) 回復(fù) 2023-12-11
  • 1 回答
  • 0 關(guān)注
  • 146 瀏覽

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)