Монакский ввод и фактический вывод не на месте - PullRequest
Новая
       18

Монакский ввод и фактический вывод не на месте

0 голосов
/ 13 октября 2018

Я использую Vue, чтобы написать свой проект

Вот мои коды о создании объекта monaco

this.$nextTick(() => {
  this.editor = monaco.editor.create(document.getElementById('css-monaco-editor'), {
    language: 'css',
    minimap: false
  })
  self.addEventListener('resize', () => {
    this.editor.layout()
  })
  this.editor.layout()
})

Вы можете думать так 

$(function(){
  this.editor = monaco.editor.create(document.getElementById('css-monaco-editor'), {
    language: 'css',
    minimap: false
  })
  self.addEventListener('resize', () => {
    this.editor.layout()
  })
  this.editor.layout()
})

мой scss: 

.container{
  background-color: $white;
  display: flex;
  flex-direction: column;
  height: 100%;
  #css-monaco-editor{
    flex-grow: 1;
    height: auto;
    width: 100%;
    box-sizing: border-box;
    position: relative;

  }
}

У меня вопрос, когда я запускаю свой сервер webpack dev

Мой ввод и фактический вывод не на месте

enter image description here

Вы можете найти детали от chrome dev tool

enter image description here

div слева, но output посередине

Как я исправляю эту ошибку?

Я пытаюсь дать вам больше деталей, чтобы решить мой вопрос, если вам нужно больше, позвольте мнезнать

Спасибо!

...