vue-strap icon indicating copy to clipboard operation
vue-strap copied to clipboard

Various errors popover and tooltips

Open bigperson opened this issue 8 years ago • 8 comments

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

bigperson avatar Dec 30 '16 11:12 bigperson

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.

wffranco avatar Dec 30 '16 11:12 wffranco

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

bigperson avatar Dec 30 '16 12:12 bigperson

@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.

gholol avatar Dec 30 '16 23:12 gholol

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

carcinocron avatar Jan 06 '17 21:01 carcinocron

Using 2.1.10 and happens to me as well

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

Found in Tooltip.vue

jeitnier avatar May 07 '17 18:05 jeitnier

the same problem to me , how to resolve it

lenvonsam avatar May 15 '17 00:05 lenvonsam

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

AmazingDreams avatar Jul 12 '17 09:07 AmazingDreams

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

iNerV avatar Nov 30 '17 20:11 iNerV