在附加元素内部渲染Vue

时间:2020-02-08 15:33:34

标签: javascript vue.js

我正在做一些chrome扩展,它可以在jquery中工作,但是由于某些反应,我需要切换到Vuejs。

现在,如果我将Vue绑定到某个随机div,则该div中的内容将被删除。

所以我尝试附加一些元素然后使用该元素,但是似乎Vue找不到它。

  let el = document.createElement('div');
  el.style.cssText = 'position:fixed;top:0;left:0;';
  el.id = '#random12345';
  document.body.appendChild(el);
  setTimeout(function () {
    const app = new Vue({
      el: "#random12345",
      data: {},
      render: h => h('some-component')
    });
  }, 3000);

为此,我不断收到错误消息: [Vue警告]:找不到元素:#random12345

1 个答案:

答案 0 :(得分:0)

#random12345选择器意味着它将查找具有id属性等于random12345的元素。

应该是:

el.id = 'random12345';