Giter VIP home page Giter VIP logo

Comments (18)

chouchouji avatar chouchouji commented on August 23, 2024 1

这是DOM image

试试获取dom节点呢?通过ref

打印可以获取到 用document.querySelector('#tooltip')也能找到

那先这样解决吧,这个问题我们后面遇到了会关注下

好的,另外var-tooltip组件支持自定义class吗,我用到多个var-toolip组件,需要处理不同的样式

可以尝试一下 content 插槽,看看能不能满足你的需求

from varlet.

chouchouji avatar chouchouji commented on August 23, 2024

参考 https://cn.vuejs.org/guide/built-ins/teleport.html#teleport

对应的这里的 to
image

from varlet.

estoi avatar estoi commented on August 23, 2024

参考 https://cn.vuejs.org/guide/built-ins/teleport.html#teleport

对应的这里的 to image

<var-tooltip
    placement="right-end"
    trigger="click"
    teleport="#tooltip"
  />

是这样吗

from varlet.

chouchouji avatar chouchouji commented on August 23, 2024

参考 https://cn.vuejs.org/guide/built-ins/teleport.html#teleport
对应的这里的 to image

<var-tooltip
    placement="right-end"
    trigger="click"
    teleport="#tooltip"
  />

是这样吗

你这个 #tooltip 是真实存在于页面上的 id为 tooltip 的 dom元素嘛?

from varlet.

estoi avatar estoi commented on August 23, 2024

参考 https://cn.vuejs.org/guide/built-ins/teleport.html#teleport
对应的这里的 to image

<var-tooltip
    placement="right-end"
    trigger="click"
    teleport="#tooltip"
  />

是这样吗

你这个 #tooltip 是真实存在于页面上的 id为 tooltip 的 dom元素嘛?

是的,页面中有一个idtooltip的元素,我设置了teleport为#tooltip,但是报错了
image

<div
    id="tooltip"
    class="h-screen w-full bg-#e8e8e9 pt-50px flex flex-col flex-items-center"
  >
</div>

from varlet.

chouchouji avatar chouchouji commented on August 23, 2024

方便debug一下嘛?看看具体的报错原因

from varlet.

estoi avatar estoi commented on August 23, 2024

方便debug一下嘛?看看具体的报错原因

我在playground里测试了一下也报错地址

from varlet.

chouchouji avatar chouchouji commented on August 23, 2024

方便debug一下嘛?看看具体的报错原因

我在playground里测试了一下也报错地址

方便截个图嘛,我看控制台没报错
image

from varlet.

estoi avatar estoi commented on August 23, 2024

方便debug一下嘛?看看具体的报错原因

我在playground里测试了一下也报错地址

方便截个图嘛,我看控制台没报错 image

不好意思 保存的时候报错了 刷新之后好了

但是在我的项目中也是这么用的 在页面中有一个idtooltipdiv,我也是这么用的,不知道为什么报错

from varlet.

estoi avatar estoi commented on August 23, 2024

方便debug一下嘛?看看具体的报错原因

我在playground里测试了一下也报错地址

方便截个图嘛,我看控制台没报错 image

不好意思 保存的时候报错了 刷新之后好了

但是在我的项目中也是这么用的 在页面中有一个idtooltipdiv,我也是这么用的,不知道为什么报错

image

from varlet.

estoi avatar estoi commented on August 23, 2024

这是DOM
image

from varlet.

chouchouji avatar chouchouji commented on August 23, 2024

这是DOM image

试试获取dom节点呢?

from varlet.

chouchouji avatar chouchouji commented on August 23, 2024

这是DOM image

试试获取dom节点呢?通过ref

from varlet.

estoi avatar estoi commented on August 23, 2024
onMounted(() => {
  console.log(tooltip.value)
})
image

from varlet.

estoi avatar estoi commented on August 23, 2024

这是DOM image

试试获取dom节点呢?通过ref

打印可以获取到 用document.querySelector('#tooltip')也能找到

from varlet.

chouchouji avatar chouchouji commented on August 23, 2024

这是DOM image

试试获取dom节点呢?通过ref

打印可以获取到 用document.querySelector('#tooltip')也能找到

你把这个传给teleport属性看看还有没有报错

from varlet.

estoi avatar estoi commented on August 23, 2024

这是DOM image

试试获取dom节点呢?通过ref

打印可以获取到 用document.querySelector('#tooltip')也能找到

那先这样解决吧,这个问题我们后面遇到了会关注下

好的,另外var-tooltip组件支持自定义class吗,我用到多个var-toolip组件,需要处理不同的样式

from varlet.

estoi avatar estoi commented on August 23, 2024

这是DOM image

试试获取dom节点呢?通过ref

打印可以获取到 用document.querySelector('#tooltip')也能找到

那先这样解决吧,这个问题我们后面遇到了会关注下

好的,另外var-tooltip组件支持自定义class吗,我用到多个var-toolip组件,需要处理不同的样式

可以尝试一下 content 插槽,看看能不能满足你的需求

from varlet.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.