如何在 q-item 点击时打开 URL scheme (mailto, tel)？

Question

我希望使用他们的电话phone 号码、电子邮件和地址创建 <q-list> 联系人，并且我正在尝试使 <q-item> 可以点击，以便当用户单击任何 q-items，phone dialer/mail-client/naviation 应用程序将启动。

据我所知 <q-item> 只支持@click 但我想不出除了 openURL 之外的其他方法来通过 URL 方案（例如 "tel:55512345" ).但是文档 advises against it。有什么好的方法吗？

    <q-item clickable>
      <q-item-section avatar>
        <q-icon name="mail" />
      </q-item-section>
      <q-item-section>
        <q-item-label>mail@mail.com</q-item-label>
         <q-item-label caption>email</q-item-label>
       </q-item-section>
    </q-item>

Answer 1

既然文档建议为它使用 a(nchor) 元素，为什么不使用 tag 属性和原生 href 作为 [=16] =]方案：

<q-item 
  tag="a"
  href="tel:55512345"
  clickable>
  <q-item-section avatar>
    <q-icon name="mail" />
  </q-item-section>
  <q-item-section>
    <q-item-label>mail@mail.com</q-item-label>
    <q-item-label caption>email</q-item-label>
  </q-item-section>
</q-item>

如何在 q-item 点击时打开 URL scheme (mailto, tel)？

how to open URL scheme (mailto, tel) on q-item click?

vue.js

quasar-framework