84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
有人能找出问题可能来自哪里吗？？ 我没有收到任何错误，但是页面没有显示内容 我正在尝试在不导航到页面的情况下显示页面的内容，但是当我点击链接时它不显示它们
Vue基础 {{value.link.text}} {{ pages[activePage].pageTitle }} {{ pages[activePage].content }}
{{ pages[activePage].content }}
问题在于activePage不是响应式的。将其创建为ref，使其能够对变化做出响应。
activePage
const { createApp, ref } = Vue; createApp({ setup() { const activePage = ref(0); return { activePage, pages: [{"link":{"text":"Home","url":"index.html"},"pageTitle":"Hello, Vue","content":"Welcome to the world of vue"},{"link":{"text":"Link","url":"link.html"},"pageTitle":"Hello, Vue","content":"This is the link text"},{"link":{"text":"Contact","url":"contact.html"},"pageTitle":"Hello","content":"This is the contact page"}], }; }, }).mount("#app");
{{value.link.text}} {{ pages[activePage].pageTitle }} {{ pages[activePage].content }}