Question

我从一个基本的开始：

sails new test-project

我尝试添加页面，将示例页面作为参考。我在：

添加了一个新的vuejs控制器

assets/js/pages/projects/projectlist.page.js

有这个非常基本的内容：

parasails.registerPage('projectlist', {

data: {
},

beforeMount: function() {
   // Attach any initial data from the server.
   _.extend(this, SAILS_LOCALS);
 },

 mounted: async function() {
//…
},
methods: {
  clickAddProjectButton: function() {
    // Open the modal.
    this.goto('/projectlist/new');
  },
 } 
});

在：

/views/pages/projects/projectlist.ejs

有了这个内容：

<div id="project-list" v-cloak>
   <div class="container">
      <h1>Project List</h1>
      <div class="header-buttons">
      <button class="btn btn-outline-primary" 
     @click="clickAddProjectButton()">add project</button>
  </div>
</div>

我的问题是v-cloak指令不起作用，我的视图没有出现。我看到HTML被发送到浏览器但v-cloak隐藏了它。

我想我错过了一些链接，以使其正常工作。

有什么想法吗？

由于基督教

Answer 1

问题是您正在通过projeclist函数注册parasails.registerPage，然后view ejs文件中DIV的ID为project-list。

我遇到了相同的问题，并通过在两个名称中都设置了相同的名称来解决了这个问题，所以它将是：

parasails.registerPage('projectlist', {

data: {
},
.....

在视图ejs文件中：

<div id="projectlist" v-cloak>
   <div class="container">

vuejs [v-cloak] css规则将我的内容隐藏在sailsjs中

1 个答案: