已解決430363個問題，去搜搜看，總會有你想問的

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

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

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

Html5

慕無忌1623718 2023-12-11 10:26:42

我正在學習如何使用 vue.js 我有一個共享托管計劃，我只能使用 html。我正在使用 axios 和僅充當后端的遠程 WordPress 安裝來獲取所需的數據。我需要知道的是，index.html如果用戶單擊鏈接并且我需要更改頁面布局，因為需要不同的內容呈現，我如何更改使用 vue 的 DOM 內容？參見示例：<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條經驗獲得超13個贊

您可以在腳本標記的數據隔間中有一個布爾變量，并在單擊時更改它。

并在標簽中放入v-if="your_bool_variable".

? <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

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

// layout change

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

</div>

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

數據可能如下所示：

? ? export default {

? ? ? ? name: "YourComponent",

? ? ? ? data: () => {

? ? ? ? ? ? return {

? ? ? ? ? ? ? ? layout_switch: true

? ? ? ? ? ? }

? ? ? ? },

? ? ? ? methods: {

? ? ? ? ? ? changeLayout() {

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

? ? ? ? ? ? }

? ? ? ? }

? ? }

</script>

反對回復 2023-12-11

1 回答
0 關注
150 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

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

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

1 回答

添加回答