[Vuejs]-Replace a string in textarea with emoji | VueJS

by

0👍

what about something like this:

watch: {
  message: function() {
    const replacements = {
      ":-)": "🙂",
      ":-(": "😞",
      ";-)": "😉",
      ":-|": "😐",
      ":'-(": "😢",
      ":-*": "😘",
      "*.*": "😍",
      ";-P": "😜",
      "8-)": "😎",
      ":-D": "😄",
      "=-D": "😃"
    }
    Object.keys(replacements).forEach(k => {
      this.message = this.message.replace(k, replacements[k])
    })
  }
}

Leave a comment