问题标签 [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 回答
906 浏览

vue.js - 无法将道具分配给数据

这是一个简单的组件。我正在尝试分配props文档data所说的。(来自vuex和数据库)initialData

但是,问题是initialData好的,但privateData只是一个空对象{}

最奇怪的是,如果我再次保存我的文件,那么 webpack 热重新加载内容,privateData也会得到我需要的正确数据。

这是父母:

我知道这是关于动态获取数据。因为如果我initialData手动将父级更改为某个对象,它可以正常工作。

0 投票
2 回答
1318 浏览

javascript - Math.random().toString.slice 不是 Javascript 中的函数

我正在尝试在 Vue JS 2 上设置自定义指令。但我收到了以下错误消息:

这是我在 main.js 上全局编写的指令:

这是我调用指令的地方

我在网上到处搜索,但信息。任何帮助或建议都非常受欢迎。谢谢

0 投票
1 回答
125 浏览

javascript - 画布:并非弹跳球对象数组中的所有对象都显示出来

我使用 laravel 5.5、vuejs 和 vue-router 创建了一个 spa/rest/crud 应用程序。现在我想到了使用一个组件作为登录页面并用画布为它增添一点情趣。(最初是 p5.js,但我现在放弃了。)到目前为止一切顺利。我让 Vue 组件通过 Vue-Router 工作,对于首页,我制作了一个带有自定义指令的组件,该指令为模板中的画布元素提供数据(以球对象的形式)

现在,由于我不得不切换到我不太熟悉的 Canvas,所以我遇到了问题。作为测试,我将 4 个球放入一个阵列中。但只有 1 显示。现在当我禁用 clearRect 功能时。他们确实以凌乱的方式出现。我显然不得不使用 beginPath() 来防止球“尾随”。但是当我这样做时,只会出现一个。也许这是我忽略的一件简单的事情。我将发布我认为导致以下问题的部分:

0 投票
0 回答
83 浏览

vue.js - 无法添加 SVG 代码

我想用 SVG 代码添加图标,但是当我将 SVG 添加到 vuejs 代码时,它会显示一个 XML 标头标签以及图标,例如

<?xml version="1.0" encoding="utf-8"?>

0 投票
2 回答
9861 浏览

javascript - Vuejs 。Vuejs 中的 $v 和 $event 表示什么?

在 Vue.Js 中做什么$v和表示什么?$event我们在什么情况下使用这些。也请举例详细说明。

0 投票
3 回答
3135 浏览

vue.js - VUEJS如何在表单提交时调用PHP文件

当我点击(搜索巴士)按钮时,我正在 VUEJS 中设计和开发巴士预订门户。我想调用外部 PHP 页面,它将在其中显示搜索结果。

我在这里托管了参考链接http://d1brg6zcfjtxzw.cloudfront.net/#/bus

请帮忙!

0 投票
1 回答
357 浏览

javascript - 在自定义函数指令中添加带有 args 的内联函数

这就是我在 Vue.js 中创建自定义函数指令的方式:

指令代码如下所示:

现在我想要实现的是,使用这样的参数传递函数:

在 Vue 文档中有什么我错过阅读或观看的内容吗?任何直观的方式与现实世界的例子?

0 投票
5 回答
10558 浏览

vue.js - 如何在 Vue.js 上捕获自定义指令的点击事件?

我正在尝试学习 Vue.js 并来到一个实践示例,我需要在其中实现一个自定义指令,该指令适用于 lice 'v-on'。这意味着我需要在我的自定义指令上捕获点击事件并调用一个方法。

我想到的模板。

问题是我不知道如何在自定义指令中捕获点击事件。请原谅下面的笨拙代码。

谁能帮我理解这是如何工作的?我没有找到任何类似的例子。

0 投票
3 回答
7624 浏览

vue.js - VUEJS-如何从 url 中删除参数

我在 url 中有多个参数。我正在使用以下代码在 url 中添加新参数:

this.$router.push({query: Object.assign({}, this.$route.query, {cities: '1,45'})});

但是当我取消选择城市时,它仍然会在 url 中保留带有城市参数的最后一个 id:

projects#/?cities=2189673&gender=male&range=100

实际上我只想删除城市参数。我能怎么做?

进一步如何让url的所有参数发布到php?

0 投票
3 回答
285 浏览

javascript - 使用没有特定领域语言的 vuejs 作为指令

我目前正在评估 vuejs,我非常喜欢它,除了在 html 模板中使用用于指令的域特定语言。是否(至少理论上)可以在没有 dns 的情况下使用 vuejs 并在 javascript 中以编程方式指定指令中的信息?

例子:

有没有办法<a v-on:click="doSomething">...</a>在 JavaScript 中分别指定没有指令和指令的模板?