小编Whi*_*138的帖子

我有一个主要工作的 Vue 多选，其中我通过对数据库的 axios 调用使用自动完成功能。至于返回数据库结果并将它们添加为选项，然后添加标签，它完美地工作。

我的问题是我无法创建新标签。因此，如果我的 axios 调用返回“Testing one”作为选项并且我选择了它，它就会成为一个标签。但是，如果在我输入“新测试”并按回车键时没有返回结果，则它不会成为新标签。

我究竟做错了什么？

<div id="tagApp">
<multiselect
  label="tag_data"
  track-by="campaign_tag_id"
  v-model="value"
  :options="options"
  :loading="loading"
  :multiple="true"
  :taggable="true"
  @search-change="val => read(val)"
></multiselect>
</div>

new Vue({
components: {
  Multiselect: window.VueMultiselect.default
},
el: "#tagApp",
data() {
  return{
      value: [],
      loading: false,
      options: []
  }

},
methods: {
  read: function(val){
      //console.log('searched for', val);
    if (val) {
      this.loading = true;
      this.options = [];

      const self = this;
      console.log(val);

      axios.get('campaigns/search',{params: {query: val}})
          .then(function (response) {
              self.options = response.data;
              console.log(response.data);
      });

    } else { …

我正在尝试对数组元素的值使用条件来设置 div 的背景颜色。

问题是我的语法在某处是错误的，因为正确的颜色与周围的标签一起倾倒，但实际上并没有将 div 设置为正确的颜色。所以看起来条件有效，但我的语法在某处被破坏了

@foreach($placedList as $placed)
    @if ($placed['AGING'] < 30) 
       $color = "green";
    @elseif ($placed['AGING'] > 30 and $placed['AGING'] < 60) 
       $color = "yellow"
    @else
       $color = "red";
    @endif

    <div class="uk-width-1-10" style="background-color:{{$color}}">{{$placed['AGING']}}</div>

@endforeach

需要改变什么才能实际应用？