小编Mr.*_*ist的帖子

我正在学习 Vue JS。我想使用setInterval. 但是不能传递Methodto的变化值Computed Property。两秒后班级将自动更改为“ changeColor”的更改值

我的代码：

HTML：

<div>
    <button @click="startEffect">Start Effect</button>
    <div id="effect" :class="myClass"></div>
</div>

CSS：

.highlight {
  background-color: red;
  width: 200px !important;
}

.shrink {
  background-color: gray;
  width: 50px !important;
}

VueJS：

new Vue({
    el: '#exercise',
    data: {
        changeColor: false
    },

    methods : {
        startEffect: function() {
            setInterval(function(){
                 this.changeColor = !this.changeColor;
                 //alert(this.changeColor);
            }, 2000);

            //alert(this.changeColor);
        }
    },

    computed: {
        myClass: function() {
            return {
                highlight: this.changeColor,
                shrink: !this.changeColor
          }
        }
    } …

我的表单中有一个复选框，我想将其值保存到数据库中。当我选中它时，它的值将为 1，当我取消选中它时，它的值将为 0。但是，在控制器中，我NULL总是得到。但为什么？没有的话可以解决吗jQuery？

刀片/视图

<form action="{{ route('admin.categories.store') }}" method="POST" enctype="multipart/form-data">
    @csrf
    <div class="form-group>
       <label>
          <input type="checkbox" name="category_is_menu"
                 value="{{ old('category_is_menu', isset($category) ? 'checked' : '') }}"/>
       </label>
    </div>
    <input class="btn btn-success" type="submit" value="Submit">
</form>

控制器

public function store(Request $request)
{
    $category = new Category();
    $category->category_is_menu = $request->category_is_menu;

    return $category;
}

不幸的是，它给了NULL我category_is_menu。

我在 Stackoverflow 上看到了很多解决方案，但没有人能解决我的问题。

我想更改 y 轴值的比例。

这将是

0 100 200 300

我的代码：

yAxis: [{
          type: 'value',
          axisTick: {
            show: false
          },
          scales: {
            yAxes: [{
              ticks: {
                beginAtZero: true,
                stepSize: 100,
                min: 0,
                max: 300
              }
            }]
          },
          axisLabel: {//},
        }],
        series: [{
          //
          lineStyle: {//},
          areaStyle: {
            normal: {
              //
          },
     itemStyle: {
       normal: {
         //
    }
  },
  data: [236, 0]
}]

我也改变了这一点。

axisTick: {
    show: false
}