Comments (18)
试试获取dom节点呢?通过ref
打印可以获取到 用
document.querySelector('#tooltip')
也能找到那先这样解决吧,这个问题我们后面遇到了会关注下
好的,另外
var-tooltip
组件支持自定义class
吗,我用到多个var-toolip
组件,需要处理不同的样式
可以尝试一下 content 插槽,看看能不能满足你的需求
from varlet.
参考 https://cn.vuejs.org/guide/built-ins/teleport.html#teleport
from varlet.
参考 https://cn.vuejs.org/guide/built-ins/teleport.html#teleport
<var-tooltip
placement="right-end"
trigger="click"
teleport="#tooltip"
/>
是这样吗
from varlet.
参考 https://cn.vuejs.org/guide/built-ins/teleport.html#teleport
对应的这里的to
<var-tooltip placement="right-end" trigger="click" teleport="#tooltip" />
是这样吗
你这个 #tooltip
是真实存在于页面上的 id为 tooltip 的 dom元素嘛?
from varlet.
参考 https://cn.vuejs.org/guide/built-ins/teleport.html#teleport
对应的这里的to
<var-tooltip placement="right-end" trigger="click" teleport="#tooltip" />
是这样吗
你这个
#tooltip
是真实存在于页面上的 id为 tooltip 的 dom元素嘛?
是的,页面中有一个id
是tooltip
的元素,我设置了teleport为#tooltip
,但是报错了
<div
id="tooltip"
class="h-screen w-full bg-#e8e8e9 pt-50px flex flex-col flex-items-center"
>
</div>
from varlet.
方便debug一下嘛?看看具体的报错原因
from varlet.
方便debug一下嘛?看看具体的报错原因
我在playground里测试了一下也报错地址
from varlet.
方便debug一下嘛?看看具体的报错原因
我在playground里测试了一下也报错地址
from varlet.
方便debug一下嘛?看看具体的报错原因
我在playground里测试了一下也报错地址
不好意思 保存的时候报错了 刷新之后好了
但是在我的项目中也是这么用的 在页面中有一个id
是tooltip
的div
,我也是这么用的,不知道为什么报错
from varlet.
方便debug一下嘛?看看具体的报错原因
我在playground里测试了一下也报错地址
不好意思 保存的时候报错了 刷新之后好了
但是在我的项目中也是这么用的 在页面中有一个
id
是tooltip
的div
,我也是这么用的,不知道为什么报错
![image](https://private-user-images.githubusercontent.com/44252820/317580157-59359804-087e-40d2-be63-cc2c41ac4381.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTY5ODk2ODQsIm5iZiI6MTcxNjk4OTM4NCwicGF0aCI6Ii80NDI1MjgyMC8zMTc1ODAxNTctNTkzNTk4MDQtMDg3ZS00MGQyLWJlNjMtY2MyYzQxYWM0MzgxLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTI5VDEzMjk0NFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWE3MWZlNzdjNDgyMzdiNTRjYjhkYzM1MWQ5MmE1NjU1YTU3MTFiYzFlZWE0ZGNiYzE4MWU3MjBmNzNhMzJiOGMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.VRaDVyZ9Pz2No9U4a6bJeu-szI_G_IjZNQNusFlpZNE)
from varlet.
from varlet.
试试获取dom节点呢?
from varlet.
试试获取dom节点呢?通过ref
from varlet.
onMounted(() => {
console.log(tooltip.value)
})
![image](https://private-user-images.githubusercontent.com/44252820/317582232-da165514-09aa-47e9-a4d4-384c89f496ec.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTY5ODk2ODQsIm5iZiI6MTcxNjk4OTM4NCwicGF0aCI6Ii80NDI1MjgyMC8zMTc1ODIyMzItZGExNjU1MTQtMDlhYS00N2U5LWE0ZDQtMzg0Yzg5ZjQ5NmVjLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MjklMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTI5VDEzMjk0NFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWU3ZjVkYjQxMzYwNTVjYzJhOWY3YWUxZTIzNzY3ODYyMWE3ZDUwZTRlOWI3OWVmOTQ0YTBlNDgzM2ZlMmM2YzMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.7Fh8pw6wSo5N58UXzkAc5raaSUN_CxBEUTBYkK_uJ4A)
from varlet.
试试获取dom节点呢?通过ref
打印可以获取到 用document.querySelector('#tooltip')
也能找到
from varlet.
试试获取dom节点呢?通过ref
打印可以获取到 用
document.querySelector('#tooltip')
也能找到
你把这个传给teleport属性看看还有没有报错
from varlet.
试试获取dom节点呢?通过ref
打印可以获取到 用
document.querySelector('#tooltip')
也能找到那先这样解决吧,这个问题我们后面遇到了会关注下
好的,另外var-tooltip
组件支持自定义class
吗,我用到多个var-toolip
组件,需要处理不同的样式
from varlet.
试试获取dom节点呢?通过ref
打印可以获取到 用
document.querySelector('#tooltip')
也能找到那先这样解决吧,这个问题我们后面遇到了会关注下
好的,另外
var-tooltip
组件支持自定义class
吗,我用到多个var-toolip
组件,需要处理不同的样式可以尝试一下 content 插槽,看看能不能满足你的需求
from varlet.
Related Issues (20)
- 为什么在v-show状态下,input框的placeholder消失了? HOT 6
- [Feat] 文本域增加字数统计的cssvar。
- 官方文档非常卡顿 HOT 3
- 希望有一个AutoComplete 组件 HOT 2
- time-picker PC下无法使用 HOT 1
- 是否有docs右侧演示部分的源代码 HOT 2
- [Feature]: add OTP input component
- pnpm run dev 报错哎,什么原因呢 HOT 1
- form组件内嵌space组件,space和其中的内容不渲染 HOT 6
- 是否能给appBar添加固定在顶部的api HOT 5
- 为什么相邻的input 的底部边框粗细不一样 HOT 2
- 能不能整个离线文档,文档时不时打不开 HOT 1
- 关于 Gitee Pages 文档站点访问不了的问题
- step组件的样式没有做好隔离
- 希望骨架屏组件的正文能跟其他属性一样变得可控 HOT 1
- 跟随系统偏好设置深浅色模式 HOT 6
- var-button 点击边框出现红线 HOT 1
- var-input 左边没有直接的api去显示一个输入框标题啊 例如 手机号 姓名 年龄。。。 HOT 3
- 能否增加多点国际化语言? HOT 1
- Add options mode for Select component
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from varlet.