ant-design-vue弹窗二次封装,使其可自由拖动

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ant-design-vue弹窗二次封装,使其可自由拖动相关的知识,希望对你有一定的参考价值。

参考技术A components目录下建立两个文件

4.调用使用
因为是在main.js当中全局引入了,所以,可以在vue模版文件中直接进行调用。需要注意的是弹窗底部footer确定和取消按钮部分,需要使用插槽重新定义,因为封装d-modal过程中使用的插槽对footer进行了定义

从mysql中提取链接并使其可点击?

【中文标题】从mysql中提取链接并使其可点击?【英文标题】:Extract links from mysql and make it clickable? 【发布时间】:2013-09-01 15:25:54 【问题描述】:

我有一个存储 URL 的数据库表。我需要的是从表中获取这些 URL,并使用 URL 的标题作为锚点使其可点击。

这是我尝试过的:

while($row4 = mysql_fetch_assoc($result4))

   echo "<a href =\"$row4[Url1]\">".$row4['Title1']. "</a>";

它显示例如我的tilte1youtubeUrl1www.youtube.com

但是当我点击它时,它会转到localhost/mysite/www.youtube.com

我该如何解决这个问题?

【问题讨论】:

请把http://放在你的数据库中www.youtube.com之前 在您的示例中更改我的tilte1youtubeUrl1http://www.youtube.com 【参考方案1】:

尝试:

echo "<a href =\"http://$row4[Url1]\">".$row4['Title1']. "</a>";

【讨论】:

如果对您有帮助,请接受。【参考方案2】:

在链接前添加http://。然后它会去你想要的地方。

【讨论】:

【参考方案3】:

前面需要http://。

echo '<a href ="http://'.$row4['Url1'].'">'.$row4['Title1']. '</a>';

【讨论】:

这没有提供问题的答案。要批评或要求作者澄清,请在其帖子下方发表评论。 @AlmaDoMundo 它怎么不提供问题的答案?你的意思是,如果链接是 https 或 ftp,或者是第三种?【参考方案4】:

你能检查你的 Url1 字段是否是正确的 url 吗?看看它是否在 url 中有 http:// 协议。如果没有,您需要将其添加到表中,或者以编程方式将 http:// 协议添加到您的链接中。

此外,您还可以使用以下采用 codeigniter 框架的函数。它为您的网址准备链接。做 prep_url($row4[Url1]) 而不是 $row4[Url1];

function prep_url($str = '')

  if ($str == 'http://' OR $str == '')
  
    return '';
  
  $url = parse_url($str);
  if ( ! $url OR ! isset($url['scheme']))
  
    $str = 'http://'.$str;
  
  return $str;

【讨论】:

【参考方案5】:

试试这个

while($row4 = mysql_fetch_assoc($result4))

   echo "<a href ='http://".$row4['Url1']."'>".$row4['Title1']. "</a>";

【讨论】:

【参考方案6】:

您应该从中建立一个绝对链接,并且不要忘记将属性值放在引号中。 我建议这样做:

echo '<a href="http://www.'.$row4[Url1].'">'.$row4['Title1']. '</a>';
//by doing this you also won't need any of \ slashes

【讨论】:

【参考方案7】:

我输入用引号括起来的网址,例如: "http://google.com" 然后我使用:

.$row['date']."".$row['title']."".

结果是一个可点击的链接,形式如下: http://google.com 删除

【讨论】:

以上是关于ant-design-vue弹窗二次封装,使其可自由拖动的主要内容,如果未能解决你的问题,请参考以下文章

使用element-ui二次封装一个可复用弹窗组件

vue +element 封装一个选人弹窗

从mysql中提取链接并使其可点击?

Python:concurrent.futures 如何使其可取消?

部分填写 PDF 表单,使其可编辑

laravel yajratable - 隐藏列但使其可搜索