我可以在v-model值中注入字符串吗？

Question

我需要使用v-model更新值，并传递一些带有更新值的字符串。

实施例。 <input type="range" max="100" value="50" **v-model="mybtnstyle.width '%'**">

Answer 1

Vue中的v模型实际上与道具调用value和事件调用input合并。

所以你可以通过听input事件来做到这一点。

或者只是将值绑定到样式

new Vue({
  el: '#app',
  template: `
  <div>
    <input value="haha" type="text" @input="update" v-model="v" />
    <span :style="{width: `${v}px`}"></span>
   </div>`,
  data: function() {
    return {
      v: ''
    }
  },
  methods: {
    update: function() {
      // update your style through input event 
      // or simply bind your value to the style
    }
  }
})