问题标签 [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 投票
0 回答
1965 浏览

vue.js - 如何从 vue.js 网站清除缓存?

所以我用 vue.js 建立了一个网站。它部署在 CloudFront 分配后面的 AWS s3 存储桶上。最近我发现有些用户看到的是 2 周前的网站版本。这是一个大问题,因为我每天都会更新几次网站。

我已将 CloudFront TTL 设置为 1 分钟,以尝试避免更长的缓存,但这并没有解决问题。我尝试以以下方式实现服务,但抛出了许多异常并且不起作用。

我也尝试过完全禁用缓存,但没有奏效:

我希望能够在网站上呈现全新的内容,而不是让它缓存数周......

0 投票
1 回答
521 浏览

javascript - 从 Vue.js 指令返回变量

Vue.js 有一个名为的内置指令v-for,用于对列表进行读写。

HTML 代码

脚本代码

在这里,通过使用该v-for指令,items数组中的元素作为名为 的变量返回item。在这里,该v-for指令返回的变量可以在 html DOM 中使用。如何创建这样一个自定义指令,将变量返回给 html DOM?

注意:我确实在vuejs的源码中搜索了v-fordirectives源码,但是没找到。请帮我解决这个问题,因为我对 vuejs 很陌生。谢谢你。

编辑

我目前有什么?

有 3 个类似的输入组分别用于输入“名字”、“姓氏”和“地址”。每个输入字段具有存储在数组中的labelstatedisabledvalue和属性。maxinputOptions

//脚本

我需要实现什么

对于每个输入组字段,需要一一提供属性名称。假设我创建了一个名为的 vue 指令mydirective,代码简化如下。

//脚本

0 投票
4 回答
6022 浏览

vue.js - Vue:需要禁用页面上的所有输入

我正在开发一个具有不同许可证类型的应用程序,并且根据我们需要禁用/启用输入的许可证。

一种方法是:disabled为每个输入设置一个条件,但这需要大量工作并且容易出错,因为我们可能会忘记将它放在某些输入上。

我想过使用这样的指令v-disable-all来搜索容器下的所有输入并为它们添加禁用。

如果有更好的解决方案或者已经有这样的解决方案,我在徘徊?

0 投票
3 回答
13467 浏览

vue.js - Decimal Formatting in Vue Framework

I am new to Vue Framework. My requirement is to add money currency formatting in an input box.

Formatting:
I need to add a decimal with two zeros on focus out and remove zero at focus in. The v-modal value should not change as this format is just for the user display.

I found this solution which is quite close to my requirement: https://jsfiddle.net/mani04/w6oo9b6j. There are just two additional things I am not able to implement.

I want to use it like:

  1. I have added vee-validate.js lib for validation for my whole form. So how can I use v-validate in this example?
  2. I don't want to round off my string. We just need to add and remove (.00) Here, if user enters 35.7896 it is making it 35.79. For my requirement, it should remain 35.7896 as it is already having decimal. It should only add decimal when user enter a number.

How can I do this? Should I use Vue directive for this?

https://jsfiddle.net/mani04/w6oo9b6j/

Something like this I want

0 投票
1 回答
56 浏览

vue.js - 在 vue js 中访问谷歌地图

这是我用来显示谷歌地图的链接:

https://jsfiddle.net/oscar11/1krtvcfj/2/

在尝试通过尝试此代码访问地图时,它显示以下错误:

挂载钩子中的错误:“ReferenceError:未定义谷歌”

正如有人在另一个链接中建议的那样,我什至初始化了 4 个参数,例如

我需要使用此代码访问谷歌地图。请有人帮忙。

0 投票
2 回答
1171 浏览

vue.js - 如何覆盖 v-on:在 vue 中单击以进行日志记录

希望实现一些日志记录,以便为使用 Vue 编写的 Web 应用程序生成一些使用情况统计信息。

我想避免在每个“点击”回调中或与每个“点击”回调一起编写明确的“日志”语句。

是否可以包装/覆盖 v-on:click 指令以首先执行日志记录,然后执行回调?

0 投票
0 回答
205 浏览

vue.js - 如何在 Vue.js (2.0) 中优先考虑指令

我希望在我的应用程序中的一些按钮/可点击上实现通用功能。

我希望将此功能放在一个指令中,该指令在@click 指令(大概)注册它自己之前注册一个事件监听器。关键是不必在@click '回调函数' 中调用此函数,而是在模板中使用指令声明它。

这种能力似乎存在于 vue.js 的早期版本中,但我在最近的版本中找不到它的文档。(https://012.vuejs.org/guide/custom-directive.html#Directive_Priority

添加对priority: 1000似乎没有效果

0 投票
3 回答
16388 浏览

vue.js - 在 Vuejs 中更改 v-model 输入值时动态数据不会更新

我正在使用这个Weather API构建一个天气应用程序。我正在尝试添加一个<input>字段值,当它更改城市名称时,然后更新其他值预测。

我创建了<input>更新城市价值的字段,它应该相应地更新天气预报。我知道它v-model正在工作,但它不会改变数据结果。只有当我在数据中对不同的城市进行硬编码时,Vue-instance才会更新更改。

当我换到蒙特利尔、多伦多、渥太华、阿尔伯塔等城市时,我正在尝试。它会相应地改变预测。

0 投票
1 回答
1210 浏览

vue.js - Vue 将 props 传递给组件中的元素

我试图弄清楚如何将 Vue 道具传递给a位于第二个组件中的标签。它可以是任何道具,因此我无法将其专门导入组件。

第一个组件

第二部分

当我使用该组件时,我想添加一个附加到a标签的道具。

0 投票
0 回答
82 浏览

javascript - 如何通过vue(animate.css)为数组的第一个元素而不是最后一个元素设置动画

我有一个按时间更新的数组,但animate.css总是在数组更改时为数组的最后一个元素设置动画。