Как с помощью vuejs-метода добавить html в DOM

Question

Есть кнопка

<button @click="sendMsg('тескст сообщения ')" ><button/>

По клику на которую вызывается функция вида:

sendMsg(msg){
 return '<li>${msg}</li>'
}

Как передать сформированный в методе тег в уже существующий элемент DOM?

Answer 1

new Vue({
  el: '#app',
  template: `
    <div>
      <button type="button" @click="sendMsg('тескст сообщения')">ClickMe</button>
      <ul v-if="msg" v-html="msg"></ul>
    </div>
  `,
  data() {
    return {
      msg: undefined,
    };
  },
  methods: {
    sendMsg(msg) {
      this.msg = `<li>${ msg }</li>`
    },
  },
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
<div id="app"></div>

БЛОГ НА HUSL

Как с помощью vuejs-метода добавить html в DOM

Ответы (1 шт):