小编Del*_*con的帖子

我正在使用chart.js.

与此问题类似,我想将我的x轴标签旋转90度.目前,我的标签使用默认设置旋转约80度.

有人可以帮我调整旋转标签的条形图解决方案,以便我可以在折线图上使用它吗？

基于官方示例Custom Input Component示例:

HTML:

<div id="app" >
  <div :class="{'has-value' : hasValue}">
    <input type="text"
      ref="input"
      v-bind:value="value"
      @input="onInput" >
  </div>
</div>

JS:

new Vue({
  el: '#app',
  data: function() {
    return {
      hasValue: false
      }
  },
  props: ['value'],
  methods:{
  onInput: function(){
    val= this.$refs.input.value
      if(val && val.length > 0){
        this.hasValue = true
      } else {
        this.hasValue = false
      }
    }
  }
})

JS小提琴演奏

预期: 动态设置hasValue输入数据并将Css类绑定到此数据

意外: 只有在初始化并键入第一个字符后,才会从输入中删除键入的字符.按JS-Fiddle-> Run再次查看.

在第一个字符后,一切都按预期工作

如果我删除v-bind:value="value"或评论\\this.hasValue = true它按预期工作.对于自定义输入组件,建议使用绑定值prop.

这是为了什么？为什么？或者这是我应该报告的错误？