Vue

by goldorak

HTML

<div id="app">
  <input type="text" @focus="handleFocus" @blur="handleBlur" />
</div>

CSS

input {
  outline: none;
}

Vue

new Vue({
  el: "#app",
  data: {
    borderColor: '#115599'
  },
  methods: {
    handleFocus (e) {
      // console.log('this.$store.state.omni.branding.button_branding', this.$store.state.omni.branding)
      // console.log('this.primaryButtonBackgroundColor = ', this.primaryButtonBackgroundColor)
      console.log(e.target.style)
      // e.target.style.borderColor = this.primaryButtonBackgroundColor
      e.target.style.borderColor = 'red'
      console.log(e.target.style.borderColor)
    },
    handleBlur (e) {
      e.target.style.borderColor = ''
    }
  }
});