Extra empty item in hasMany field

[msassa]

• Laravel Version: 5.5.28
• PHP Version: 7.1
• Laravel-admin: 1.5

Description:

Into the 'dealers' form add/edit, when I add a hasMany field for an addresses relation, or whatever relation, always shows one more empty item. If there are no address related, shows one empty line, if there are some item related, shows one extra empty item:

And for any model ... here is other example with news and images:

And I can remove the item but not add a new one, I get this error:

Models:

class Dealer extends Model
{
    public function addresses()
    {
        return $this->hasMany(Address::class);
    }
}

class Address extends Model
{
    public function dealer()
    {
        return $this->belongsTo(Dealer::class);
    }
}

Steps To Reproduce: asd

[msassa]

I already knows what is causing this error. I added this

$(document).pjax('a:not(a[target="_blank"], **a[no-pjax]** )', {
    container: '#pjax-container'
});

(the ** is only to mark what I added)

So I can make the add and edit link don't load through ajax.

And that is causing this error, but I don't know why ! If load from ajax, is good, if I add that code and the parameter to the link, and load as a new page, I had an error.

[msassa]

Mmmm I finally found the problem. I'm including vuejs into the admin, and doing that the tag <template> used in the hasMany field is removed. So, all the field functionality is missing.

Someone has been able to include vuejs without broke something.

I need help in this, please, because I already have an advanced admin with some days of work, and need vuejs inside the admin.

Thanks.

[z-song]

https://github.com/vuejs/vue/issues/2051

Try to add v-pre to the template tag in vendor/encore/laravel-admin/resources/views/form/hasmany.blade.php and see if it works?

[msassa]

Thank you, but is not working. I try adding a v-pre to the template tag, and not work. I try wrapping the template in a div and adding the v-pre to that div, neither.

[msassa]

I fix the problem making 2 changes:

• Using the directive v-html to render the template, so in hasmany.blade.php

  <div v-html="`
      <template class=&quot;{{$column}}-tpl&quot;>
          <div class=&quot;has-many-{{$column}}-form fields-group test&quot;>
              {!! $template !!}
  
              <div class=&quot;form-group&quot;>
                  <label class=&quot;{{$viewClass['label']}} control-label&quot;></label>
                  <div class=&quot;{{$viewClass['field']}}&quot;>
                      <div class=&quot;remove btn btn-warning btn-sm pull-right&quot;><i class=&quot;fa fa-trash&quot;></i>&nbsp;{{ trans('admin.remove') }}</div>
                  </div>
              </div>
              <hr>
          </div>
  
      </template>
  `">
  </div>

• and in the HasMany.php

'template' => str_replace('"', '"', $template),

And is working. I confirm with the team of vuejs that v-pre do not works on template tags. But should be.

[fukalov1]

thank you! It 's work!