English 中文(简体)
以 Vue 中另一个空格的父行位置
原标题:Slot as a parent of another slot in Vue

基本上,我正在尝试写入工具提示组件,我希望工具提示对话框相对于工具提示源的位置绝对合适。要做到这一点,我需要将对话框与源连接,并设定源的位置:相对性。问题是,我希望源文本和工具提示文本成为空格/某种HTML形式,这样我才能通过任意图标/格式化文本。

我已经尝试过类似的东西:

<slot name="source">
    <slot name="text"></slot>
</slot>

但从我所收集到的 Vue 将不允许这样做, 因为我无法在文档中找到任何这样的例子, 当我尝试过它时没有工作。 我同样也查看了动态/高顺序组件, 但是从Vue 的外观来看, 您必须事先定义一套可能的组件/ 输入所有这些组件, 并且空档是这个模式的代号 。

问题回答

这能解决问题吗?

<div class="source" style="position:relative">
  <slot name="source"></slot>
  <div class="text" style="position:abslute">
    <slot name="text"></slot>
  </div>
</div>




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签