Vue Instance Methods return formatted property

Question

I need to create a method that returns the email formatted to insert as the href value of an anchor tag. So the method needs to return the formatted string the the format: " maillto:[email protected]".

var facultyInformation = new Vue({
     el: "#facultyInformation",
     data: {
          name:{
               first: "first name here",
               last: "last name here"
               },
               email: "the email here"
          }
     },
     methods: {
          getFormattedEmail: function(){
               return this.email;
          }
     }
}

I would personally caution about using mailto: links now days (and have for a few years now). It is supremely easy for web crawlers to crawl websites, grab email links like those, and throw them into email lists for later spam usages and to sell to others who will spam you. — Taplar
– Taplar, Commented Nov 13, 2020 at 23:46

Brandon Gano · Accepted Answer · 2020-11-14 00:39:39Z

1

I think you want this:

getFormattedEmail: function () {
  return `mailto:${this.email}` // same as "mailto:" + this.email
}

answered Nov 14, 2020 at 0:39

Brandon Gano

6,8101 gold badge30 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Vue Instance Methods return formatted property

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related