wffranco / vue-strap

Bootstrap components built with Vue.js
http://wffranco.github.io/vue-strap/
MIT License
338 stars 132 forks source link

Various errors popover and tooltips #31

Open bigperson opened 7 years ago

bigperson commented 7 years ago

When initializing popovers and tooltips

<popover effect="fade" placement="bottom" title="Закрыть или отменить?" html="true">
    <tooltip effect="scale" placement="top" content="Закрыть или отменить">
       <button type="button" class="btn btn-default btn-xs waves-effect status to-close"  v-if="permissions.close"></button>
    </tooltip>
    <div slot="content">
        <router-link :to="{ name: 'order', params: { id: orderId }}" class="btn btn-primary btn-sm">Закрыть заказ</router-link>
        <button @click="showCancelModal()" v-if="orderStatus.id !== cancelStatusId" class="btn btn-danger btn-sm">Отменить</button>
    </div>
</popover>

i have Various errors

popoverMixins.js?b486:63 Could not find trigger v-el in your component that uses popoverMixin.
mounted @ popoverMixins.js?b486:63
callHook @ vue.common.js?e881:2335
insert @ vue.common.js?e881:2525
invokeInsertHook @ vue.common.js?e881:4352
patch @ vue.common.js?e881:4508
Vue._update @ vue.common.js?e881:2222
(anonymous) @ vue.common.js?e881:2189
get @ vue.common.js?e881:1652
run @ vue.common.js?e881:1721
flushSchedulerQueue @ vue.common.js?e881:1539
(anonymous) @ vue.common.js?e881:471
nextTickHandler @ vue.common.js?e881:420
vue.common.js?e881:433 TypeError: Cannot read property 'offsetWidth' of undefined
    at VueComponent.$nextTick (eval at <anonymous> (build.js:1944), <anonymous>:47:53)
    at Array.eval (eval at <anonymous> (build.js:735), <anonymous>:471:20)
    at nextTickHandler (eval at <anonymous> (build.js:735), <anonymous>:420:16)
logError @ vue.common.js?e881:433
vue.common.js?e881:433 TypeError: Cannot read property 'offsetWidth' of undefined
    at VueComponent.$nextTick (eval at <anonymous> (build.js:1944), <anonymous>:47:53)
    at Array.eval (eval at <anonymous> (build.js:735), <anonymous>:471:20)
    at nextTickHandler (eval at <anonymous> (build.js:735), <anonymous>:420:16)
logError @ vue.common.js?e881:433
vue.common.js?e881:433 TypeError: Cannot read property 'offsetWidth' of undefined
    at VueComponent.$nextTick (eval at <anonymous> (build.js:1944), <anonymous>:47:53)
    at Array.eval (eval at <anonymous> (build.js:735), <anonymous>:471:20)
    at nextTickHandler (eval at <anonymous> (build.js:735), <anonymous>:420:16)

vue v 2.1.6

wffranco commented 7 years ago

If you are using the last version, update vue to 2.1.8.

I'm working on make it compatible with all vue 2 versions, but by for now looks like only work with the version I use to compile it.

bigperson commented 7 years ago

I'm using version 2.1.6, errors appear, but everything works.

gholol commented 7 years ago

@wffranco I tried your master branch and input with aside components and they shows "undefined" text. I also don't get any errors

    <bs-aside :show.sync="showTestDialog" placement="left" :header="'Title'" :width="350">
        Blah blah
    </bs-aside>

blah

input components simply shows 'undefined' everywhere.

carcinocron commented 7 years ago

Same error:

Could not find trigger v-el in your component that uses popoverMixin
popoverMixins.js:63

Did something about $refs change? https://github.com/vuejs/vue/issues/3467

jeitnier commented 7 years ago

Using 2.1.10 and happens to me as well

Error in nextTick: "TypeError: Cannot read property 'offsetWidth' of undefined"

Found in Tooltip.vue

lenvonsam commented 7 years ago

the same problem to me , how to resolve it

AmazingDreams commented 7 years ago

Also get an error

[Vue warn]: Error in nextTick: "TypeError: popover is undefined"

found in

---> <Tooltip> at C:\laragon\www\vue-strap\src\Tooltip.vue
iNerV commented 6 years ago

https://www.useloom.com/share/85dee16ced944474a34e088ebc3d0561