问题标签 [vue-directives]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
265 浏览

vue.js - Vue 从指令中访问“on”和“class”指令

我想将多个指令组合在一个自定义指令中,如下所示model

但不幸的是,只有modelandshow可以通过Vue.directiveand not onor获得class。据我所知,其他指令正在以某种方式被修补并且我无法访问。

我在 webpack 环境中,想知道是否有办法访问其他指令。即使它是hacky。

谢谢

0 投票
1 回答
63 浏览

javascript - 从 WP API 传递一个值做 Vue href?

我正在尝试将值从 API 传递到 href 但运行时出错。

这是代码:

我的输出是这样的:

请有人帮助我吗?

0 投票
2 回答
2582 浏览

vue.js - Vue.js 在 v-text 中连接字符串

我正在尝试在 v-text 指令中连接字符串。简单的例子:

这工作正常。现在,如果我使用下面的 v-text,而不是使用文本插值,我仍然会显示文本,但Delete无论mode属性的值如何,按钮都会消失。如果用户单击按钮,这些按钮应该是可见的edit

这是小提琴: https ://jsfiddle.net/30a6edvs/

谁能解释一下原因。

0 投票
0 回答
1562 浏览

javascript - 使用 Vuejs 进行搜索和过滤

我正在尝试在 Vuejs 中制作搜索过滤器。到目前为止,我已经实现了基本的搜索过滤器,并且一切正常。我也有分页,每页显示 10 个项目,我的问题是当我尝试在第 2 页上搜索项目时,搜索结果没有返回,它只在第一页上工作。

这是我的代码:

还:

0 投票
1 回答
56 浏览

vuejs2 - Vuejs dynamic directives v-for loop

I have the following code, but displays text and don't instantiate the steps.

How can i achieve that?

Template:

Output:

0 投票
1 回答
610 浏览

vue.js - path-to-regexp 查找匹配路由的正则表达式

我在页面加载时添加动态子组件。当我们刷新页面时,在父级的 OnCreated 中添加子路由不会使页面工作。

因此,我正在解析页面模板(因为我在页面加载时知道它们)。

我现在正在寻找一种方法来了解与 href 匹配的路线。Vue-js 使用 path-to-regexp,我的问题很简单。

我想知道匹配的组件

我需要这个,以便我可以从路径中删除,然后将子组件动态添加到父组件。

0 投票
1 回答
847 浏览

javascript - 如何 - 通过 API > Magento 在 Vue APP 上填写联系表格?

介绍

我在我的应用程序上设置了一个 vue-component,这个 vue-component 是一个联系表单,它被导入到 header 组件中,并包装在一个 modal 中。

此联系表格必须提交确认消息和事件,该信息将在最后发送电子邮件至接收@email.com。

问题 1

问题:如何在 vuejs 中触发一个事件,当触发此按钮时,会显示一个带有确认信息的新 HTML 块?我和我的伙伴在这里体验了 Jquery,我正在 Vuejs 中寻找相同的结果:https ://codepen.io/anon/pen/WLJwxo?editors=1010

出于实用性的原因,我们在 Vue Storefront 上设置了https://logima.io(由于我们从事为客户建立网上商店的业务,我们希望更深入并创造更多开创性的成果)

您可以点击“获取您的应用程序!” 导航右上角的按钮。

问题2

使 Vue 店面联系表通过 API 与 Magento 联系表连接的最佳方法/实践是什么?

由于 Vue-storefront 通过其 API 充当 Magento 的外壳,因此理论上应该可以在 Magento 上设置表单、配置 API 并在 Vue APP 和 Magento 之间架起一座桥梁,这样您就不需要直接为您的 Storefront 所在的实例设置 SMTP 或其他内容。

为了更清楚:

用户在 logima.io 上填写联系表单 > API 连接到 Magento 上的电子邮件表单 > Magento 表单已填写 > 向接收地址发送电子邮件。

这已经适用于产品和订单。我们已经使用 Magento 外部结账在 Vue 店面建立了几个商店,并且 API 运行良好。我只是想知道如何实际修改或创建新的代码字符串,以便 shell 联系表单可以通过现有 API 填写 Magento 表单。

HTML

脚本

0 投票
1 回答
574 浏览

vue.js - 动态 v-model 不使用 v-html 指令完成输入

我有一个我应用的组件

在原始 HTML 的 dataProperties 中,我有一个输入标记,
v-model="data[name].property" 除了输入保持为空,即使 data[index].property 存在并且在我的组件数据中不为空。

0 投票
0 回答
216 浏览

javascript - 如何修改指令中的事件负载?

我有使用 v-model 指令的自定义输入组件,因此在输入时它会发出input带有值的事件,而 v-mask 指令通过使当前输入值符合掩码并发出另一个具有修改值的input事件来修改值。然而,这种方法会触发两个input事件,并切换两个模型更改 - 一个是原始的,一个是蒙版的。我可以修改input指令中的现有事件值吗?

0 投票
1 回答
50 浏览

vue.js - 在 JS 控制台中更改“app”参数的值时,VueJS 不会更新浏览器中的数据

正如我在问题中已经提到的,下面是一个看似有效且语法正确的 VueJs 示例,我在 Windows 7 64Bit 环境(配置了 Nginx)的 Localhost 中运行:

现在,当我在 Firefox 浏览器(版本 65.0)中运行它时,它会显示预期的文本,但是当我 F12 打开控制台并键入app.message = 'Test';然后按 Enter 时,它不会更新浏览器中的文本,就像文档说的那样它会。

我在这里想念什么?