uniapp应用如何实现问答系统和问题解答

<template><view><view v-for="(question, index) in questions" :key="index"><text>{{ question.title }}</text></view></view></template><script>export default {  data() {    return {      questions: [        { id: 1, title: '问题一' },        { id: 2, title: '问题二' },        { id: 3, title: '问题三' }      ]    }  }}</script>

<template><view><text>{{ currentQuestion.title }}</text><text>{{ currentQuestion.content }}</text><view v-for="(answer, index) in currentQuestion.answers" :key="index"><text>{{ answer.content }}</text></view><button>回答问题</button>  </view></template><script>export default {  data() {    return {      currentQuestion: {}    }  },  onLoad(options) {    const questionId = options.id    // 根据id查找问题对象    this.currentQuestion = this.questions.find(question => question.id === questionId)  },  methods: {    goToAnswer() {      // 跳转到回答页面      uni.navigateTo({        url: '/pages/answer?id=' + this.currentQuestion.id      })    }  }}</script>

<template><view><input v-model="answer.content"><button>提交</button>  </view></template><script>export default {  data() {    return {      answer: { content: '' }    }  },  methods: {    submitAnswer() {      // 将answer添加到当前问题的回答列表中      this.currentQuestion.answers.push(this.answer)      // 提交成功后清空输入框      this.answer.content = ''    }  }}</script>