标签: quasar-framework

我是Web应用程序开发的新手，我对jQuery和Vue有一些基本的查询，但我似乎找不到这些答案。我有一个使用Quasar框架制作的应用程序，该应用程序经常使用如下功能引用：

- {{ $t("refer to some variable in another Vue component") }}
- $v.form.username.$touch
- $customVueComponent
- this.$q

等在Vue组件的“模板”和“脚本”部分中使用。我熟悉Javascript（或者我以为是），但是对jQuery知之甚少。据我了解，这些功能引用内置于jQuery中，并以某种方式引用了一些内部功能。

如果有人可以解释这些“ $”引用的确切含义，如何工作，如何使用它们以及是否有要引用的这些功能的完整列表，那将是很好的。

非常感谢你

假设我有以下 q 输入：

<q-input
    v-model="form.email"
    inverted-light
    color="white"
    stack-label="Email:"
    type="email"
    @blur="$v.form.email.$touch"
    :error="$v.form.email.$error"/>

我希望能够做到这一点，如果电子邮件的域是mydomain.com表单操作将更改到另一个网站（没有 csrf 保护），并且 POST 将被发送到该网站而不是主要网站。

为此，我想我可以使用 jQuery。例如。$('#email').val().replace(/^.+@/, '') == 'mydomain.com'然后更改表单操作并提交。

唯一的问题是：我不知道如何id在q-input.

有任何想法吗？

我有一个与条形码严格配合的表单，它在读取结束时模拟 Enter 事件。（没有键盘和鼠标）。我很难将焦点发送到下一个元素（有时输入按钮）。我为你准备了一个游乐场，这样你就可以查看我的代码。在某些时候，这在类星体装扮之前是有效的，但现在不行了。我拒绝认为这是一个类星体问题，而更像是一个“我很糟糕”的问题，哈哈。

该过程理论上很简单。等待输入字段读取整个条形码，然后再触发焦点事件。我最好的猜测是使用更改事件。当我尝试输入或 keydown 事件时，它注册了其他内容并在每个数字上触发了其他功能。大禁忌，尤其是在进行 api 调用时。

这是我的 sendFocus 方法。

sendFocus: function(e) {
    document.addEventListener("keydown", function(e) {
        var input = e.target.nodeName.toLowerCase() === "input";
        var form = e.target.form;
        if (e.key === "Enter" && input) {
            var index = Array.prototype.indexOf.call(form, e.target);
            form.elements[index + 1].focus();
        }
    });
}

以及codepen的链接。提前致谢

我能够获取 q 文件来上传单个图像，并且我的 Laravel API 可以完美地处理它。当然，我需要一次上传多个文件，所以我尝试切换到 q-uploader，当我记录响应时，文件显示为 [object File]。

我还尝试在 FileController 中使用 $request->file('attachment') 但它返回 null。

    <q-uploader
      :factory="uploadFactory"
      label="Upload Images/Files"
      color="primary"
      multiple
    />

然后在我的 FileController.php 中：

public function upload(Request $request) {
  \Log::info($request);
}

返回：

array (
  'attachment' => '[object File]',
  'fileable_type' => 'App\\Task',
  'fileable_id' => '27375',
  'vessel_id' => '1',
)

我厂上传：

uploadFactory (file) {
  let data = new FormData()
  data.append('attachment', file)
  data.append('fileable_type', 'App\\Task')
  data.append('fileable_id', this.task.id)
  data.append('vessel_id', this.vessel.id)
  return new Promise((resolve, reject) => {
    this.$axios.post('/api/file/upload', data, { headers: { 'Content-Type': 'multipart/form-data' } …

return str + '<br />' + data 我试图在类星体中打印它，但它打印
为文本而不是行。我有什么遗漏的吗？

我们在 Vue.js 中使用 Quasar 框架。考虑以下q-card可点击的内容：

<div class="q-pa-md row items-start q-gutter-md cursor-pointer">
  <q-card class="my-card" clickable @click="GetSapRoster">
    <q-card-section class="bg-primary text-white">
      <div class="text-h6">SAP Truck Roster</div>
      <div class="text-subtitle2">Get the truck planning</div>
    </q-card-section>
  </q-card>
</div>

a 怎么可能达到q-card和 a一样的效果q-btn？

在使用类cursor-pointer 时，它只修复了鼠标指针，而不是像 a 一样的阴影效果q-btn。