<p>vue-server-renderer: direktif tidak diterapkan ke komponen yang diimpor</p>

Dibuat pada 20 Okt 2019  ·  3Komentar  ·  Sumber: vuejs/vue

Masalah apa yang dipecahkan oleh fitur ini?

Saat ini, perintah SSR tidak diterapkan ke komponen (sub-) yang digunakan tetapi hanya untuk tag dan elemen HTML.

Reproduksi

// Step 1: Create a Vue instance
const Vue = require("vue");

const Test = {
  template: `<div>This should be red</div>`
}

const app = new Vue({
  template: `
  <div>
    <Test v-make-red/>
    <div v-make-red>This is red</div>
  </div>
  `,
  components: {
    Test
  }
});

const makeRed = (node, dir) => {
  const style = node.data.style || (node.data.style = {});
  if (Array.isArray(style)) {
    style.push({ backgroundColor: "red" });
  } else {
    style.backgroundColor = "red";
  }
};

// Step 2: Create a renderer
const renderer = require("vue-server-renderer").createRenderer({
  directives: {
    makeRed
  }
});

// Step 3: Render the Vue instance to HTML
renderer.renderToString(app, (err, html) => {
  if (err) throw err;
  console.log(html);
  // <div data-server-rendered="true"><div>This should be red</div> <div style="background-color:red;">This is red</div></div>
  // But should include red background-color style for the first div as well
});

Terkait: https://github.com/nuxt/nuxt.js/issues/6575

bug contribution welcome ssr

Komentar yang paling membantu

Hai teman-teman. saya menggunakan vue setiap hari dan saya ingin berkontribusi. Saya lihat di sini ini adalah label selamat datang kontribusi.
dapatkah seseorang membantu saya sehingga saya dapat mulai memperbaikinya jika memungkinkan?

(Saya sudah menginstal bercabang dan dapat menjalankan pengujian dan pembuatan.)

Semua 3 komentar

Hai teman-teman. saya menggunakan vue setiap hari dan saya ingin berkontribusi. Saya lihat di sini ini adalah label selamat datang kontribusi.
dapatkah seseorang membantu saya sehingga saya dapat mulai memperbaikinya jika memungkinkan?

(Saya sudah menginstal bercabang dan dapat menjalankan pengujian dan pembuatan.)

Hai, ada pembaruan tentang ini? masih belum berfungsi dengan nuxt 2.14

Hai, ada pembaruan tentang ini? masih belum berfungsi dengan nuxt 2.14

+1
Masih tidak bekerja,
[email protected]
[email protected]
[email protected]

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

fergaldoyle picture fergaldoyle  ·  3Komentar

franciscolourenco picture franciscolourenco  ·  3Komentar

lmnsg picture lmnsg  ·  3Komentar

seemsindie picture seemsindie  ·  3Komentar

aviggngyv picture aviggngyv  ·  3Komentar