草庐IT

vuejs-datepicker

全部标签

javascript - 在 SPA VueJS 中全局声明 mapState 和 mapMutations

我正在创建一个基本的SPA,但碰巧我用Vuex管理的状态和那里的突变都很好,但是在我想使用mapState和mapMutations的每个组件中,我必须在本地导入它们。import{mapState,mapMutations}from'vuex';exportdefault{computed:mapState(['isLoggedIn']),methods:{...mapMutations(['logout'])}}这是正确的做法吗?或者如何在全局声明它们并避免在每个组件中导入,以便如下所示?exportdefault{computed:mapState(['isLoggedIn'])

javascript - Vuejs 不会在 HTML 表格元素中呈现组件

我想呈现一个在表格中显示一行的自定义组件。我有以下代码://jsfileVue.component('message-row',{data:function(){return{msg:'Hello'}},template:'{{msg}}'});newVue({el:'#app'});//htmlfile问题是该行最终呈现在表格之外!像这样:Hello您可以在这个JSFiddlehttps://jsfiddle.net/eciii/7v6yrf3x/中查看它我不确定这是一个错误还是我只是在这里遗漏了一些非常明显的东西...... 最佳答案

javascript - VueJS : Google Maps loads before data is ready - how to make it wait?(Nuxt)

这是我的第一个VueJS项目,我已经启动并运行了vue2-google-maps,但是当我尝试将map标记连接到我网站的JSON提要时遇到了一个问题(使用WordpressRESTAPI),Lat和Lng值返回undefined或NaN。经过进一步调查(感谢下面的@QuỳnhNguyễn),似乎在数据准备好之前运行了Googlemap实例。我曾尝试在初始化map之前观察要加载的提要,但它似乎不起作用。标记位置使用JSON从WordPressRESTAPI提取并存在于数组(位置)中。该数组存在并填充在VueDevTools(51条记录)中,但在检查mounted时,该数组为空。数据是在c

javascript - vueJS + webpack : importing fonts, CSS 和 node_modules

我开始使用Vue.js和Webpack,我对如何正确导入和引用我的字体、CSS和node_modules有一些疑问。我使用vue-cli启动了我的应用程序,结果结构如下:buildconfignode_modulessrc--assets--components--routerstatic这是我的webpack.base.conf文件:varpath=require('path')varutils=require('./utils')varconfig=require('../config')varvueLoaderConfig=require('./vue-loader.conf')

javascript - VueJS @click 带 anchor 标签

我有一个带有侧面导航栏的单页应用程序,它在列表中有一组anchor标记。我想显示根据selectedPage变量的值在页面中显示哪些内容。以及根据在边栏中单击的链接更改selectedPage的值。即使在单击事件中包含.prevent,下面的代码也不会更改变量的值。我应该使用其他条件吗MyPage.html#NavbarforselectingcontentFooBar#Pagecontent{{selectedPage}}{{selectedPage}}App.jsnewVue({el:'#app',data:{selectedPage:'Foo',}})

javascript - VueJS - 禁用输入文本中的空格

我有一个名为TextInput.vue的组件,我在里面创建了一个div。我现在想做的是禁用输入框内的一些空格,这样用户就无法使用空格/空格键输入(例如,用户名输入框)这是我所做的;我尝试使用函数trim(),但似乎我仍然无法修复它。在计算函数中computed:{value:function(){const{valueGetter,valueGetterOptions}=this,getter=this.$store.getters[valueGetter];value.trim();returnvalueGetterOptions?getter(valueGetterOptions)

javascript - 使用 VueJS 动态加载组件和模板

我正在考虑将VueJS用于多页面网站。官方例子中routing,它们显示您可以根据URL动态更改模板和组件,但它们仍然将所有HTML模板和JS组件放在一个文件中,并一次加载。我的网站会很大,我想只在需要时加载所有内容。所以我的问题是:当URL更改时,我如何按需异步加载这些HTML模板和JS组件?仅展示上面的路由示例是如何进行的会很有帮助可以针对动态脚本加载进行修改。 最佳答案 更新:参见AsyncComponents官方文档中的部分。 关于javascript-使用VueJS动态加载组件

javascript - jquery datepicker 年份范围默认

JQuerydatePicker有点问题,我怀疑这只是我忽略或错误的设置问题。如果你看看这个简单的fiddle:JSFiddle您会看到我已经设置了年份范围,因此默认情况下,当您单击输入时,它将在1994年打开它,但是如果您随后单击这些日期中的任何一个,例如9月3日,它实际上仍将其输入为2012年,而不是在下拉菜单中选择的年份。我怎样才能让它使用正确的年份,而不必更改下拉菜单然后再将其改回?干杯。 最佳答案 正如其他人所建议的,您必须设置默认日期。但是,与其他解决方案不同的是,您不希望对日期进行硬编码,因为您的下拉列表会随着时间的推

javascript - 为什么我不能在同一个表中两次使用 datepicker?

我知道有类似的问题,但我真的找不到适合我的问题的答案。我有这个HTML表格女巫正在通过一个数组循环-在我的viewModel中定义:123456789101112/th>13141516ДобавиРед我的viewModel中有以下代码-包含表格行,它应该执行.datepicker:AssimilationInfo=function(clientNum){this.AssimilationDate=null;this.InvoiceSum=null;this.FondAssimAmm=null;this.FondSgebFondPerc=null;this.FondWholeAssi

javascript - jquery datepicker 设置 mindate

我有两个jQuery日期选择器来选择from和to日期。我有以下代码,如果您在第一个中选择6月15日,那么在第二个中您现在只能从15日开始选择。我遇到的问题是我确实需要将to日期选择器设置为+1天。所以用户只能选择第16位。我的技能不够先进,无法将日期添加到parseDate$(function(){vardates=$("#from_date,#to_date").datepicker({dateFormat:'dd-mm-yy',minDate:0,onSelect:function(selectedDate){varoption=this.id=="from"?"minDate"