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

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

更改鏈接上的頁面布局單擊 vue.js

更改鏈接上的頁面布局單擊 vue.js

慕無忌1623718 2023-12-11 10:26:42
我正在學(xué)習(xí)如何使用 vue.js 我有一個共享托管計劃，我只能使用 html。我正在使用 axios 和僅充當(dāng)后端的遠(yuǎn)程 WordPress 安裝來獲取所需的數(shù)據(jù)。我需要知道的是，index.html如果用戶單擊鏈接并且我需要更改頁面布局，因為需要不同的內(nèi)容呈現(xiàn)，我如何更改使用 vue 的 DOM 內(nèi)容？參見示例：<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貢獻1828條經(jīng)驗 獲得超13個贊

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

并在標(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>


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

添加回答

舉報

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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