0

Есть кнопка

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

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

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

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

0

1 ответ 1

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>

1
  • Пожалуйста добавьте дисклеймер, о том что использование v-html может приводить к выполнению зловредного кода на странице. Новичкам это может быть не очевидно. 11 июн 2020 в 1:27

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.