首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >laravel:5.7数据未显示在页面上

laravel:5.7数据未显示在页面上
EN

Stack Overflow用户
提问于 2019-04-18 16:37:50
回答 1查看 95关注 0票数 1

我已经用laravel做了一个组件,当我写一些txt init时,它不显示,任何解决这个问题的解决方案,

文件夹截图:

下面是我使用的内容:

app.js https://ibb.co/g4V12NF的代码

Users.vue代码:

代码语言:javascript
复制
 <template>
  <div class="container">
    <div class="row">
    <div class="col-12">
    <div class="card">
      <div class="card-header">
        <h3 class="card-title">Users Table</h3>

        <div class="card-tools">

        </div>
      </div>
      <!-- /.card-header -->
      <div class="card-body table-responsive p-0">
        <table class="table table-hover">
          <tbody><tr>
            <th>ID</th>
            <th>User</th>
            <th>Date</th>
            <th>Status</th>
            <th>Reason</th>
          </tr>
          <tr>
            <td>183</td>
            <td>John Doe</td>
            <td>11-7-2014</td>
            <td><span class="tag tag-success">Approved</span></td>
            <td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
          </tr>
        </tbody></table>
      </div>
      <!-- /.card-body -->
    </div>
    <!-- /.card -->
  </div>
</div>
</div>
  export default { mounted() { console.log('Component mounted.') } }

有人能给出一个解决方案吗?

EN

回答 1

Stack Overflow用户

发布于 2019-04-18 17:01:58

你不应该使用asset('js/app.js')来加载Vue代码,正确的方法应该是使用mix('js/app.js'),并且不要忘记启动你的开发服务器:npm run hotyarn hot (使用热代码重新加载)。

此外,你还必须渲染你的Vue应用程序(你忘了这一点):

app.js

代码语言:javascript
复制
// ...
new Vue({
  router,
  el: '#app'
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55742188

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档