Question

我正在使用Meteor和Vue开发一个简单的Web应用程序，我遇到了这个问题。 无法找到元素：#app 。我搜索和搜索，添加了一些解决方案＆＃39;我的问题，但仍然没有结果。

missionPage.vue

<template>
  <div class="ui center aligned container ">
    <div class="missionPage">
      <h3 class="ui header">Our story</h3>
      <p>{{text1}}</p>
      <p>{{text2}}</p>
      <h1>Trigger question?</h1>
      <a href="#" type="button" id="scrollDownArrow"><i class="huge angle double 
down icon" ></i></a>
    </div>
  </div>
</template>

<script>
import { Session } from 'meteor/session';

export default {
  data() {
    return {
      text1:'abc',
      text2:'def'
    }
  },
}
</script>

missionPage.html

<template name='missionPage'>
  <div id="app">
  </div>
</template>

missionPage.js

import { Template } from 'meteor/templating';
import { Session } from 'meteor/session';
import { Vue } from 'meteor/akryum:vue';
import missionPage from '/client/template/missionPage.vue';

window.onload=function(){
  var app = new Vue({
    el: '#app',
    render:h=>h(missionPage)
  })
}

在我看来，它似乎并没有认识到令人兴奋的#appid。我在另一个应用程序中运行完全相同的代码，它完美地运行。我有红色的其他帖子，并添加了＆＃39; window.onload＆＃39;因为事实证明，元素未被识别的原因是它没有被加载但仍然存在错误。

Meteor和Vue无法找到元素：#app

0 个答案: