草庐IT

django-vue-admin

全部标签

javascript - 如何从 .vue 文件中导出多个对象

我在Vue中使用typescript。对于这个特定的用例,我想从我的.vue文件中导出多个项目。像这样://FooBar.vue...exportclassFooextendsVue{foo:string="foo";}exportconstBar={bar:"bar"};然后像这样导入它们://巴兹.vueimport{Foo,Bar}from'FooBar.vue';@Components({components:{Foo}})...//restofthecode有没有办法从Vue中的.vue文件导出多个对象? 最佳答案 在你的

javascript - NativeScript Vue - 基于用户登录状态的条件激活

我正在使用NativeScript-Vue。我有一些protected页面(仅限成员(member))。我在本地存储中维护用户的登录数据。我有两个问题:当用户打开应用程序时,我们应该在应用程序的哪个位置编写代码来检索用户的登录数据。我想从本地存储中读取数据并将其填充到Vuex存储中。我知道如何从localstorage读取数据,但我不知道应该在何处/何时执行此操作,以便用户首先登录。有几个页面受到保护(仅限成员(member))。对于这些用户,如果他们已登录(基于vuex商店),我想向他们显示页面内容,但如果他们未登录,我希望他们被导航到登录页面。我再次对应该在哪里编写此代码/条件感到

javascript - 如何使用 Django 接收 ajax 请求?

我的模板上有以下JQueryAjax请求,我想将其传递给我的DjangoView,functionloginUser(){$.ajax({type:"POST",url:"/login-user/",data:"title=ajaxcall",datatype:"json",error:function(data){alert('Error:'+data);}success:function(data){alert('OK!'+data.message+','+data.code);}});}我的DjangoView如下所示:deflogin_user(request):print"g

javascript - 在 Django 模板标签中插入一个 JS 变量

这个对我来说有点棘手。到目前为止,我已经求助于查询参数而不是{%url%}标记中的变量,但我只想问问它是否可行:我想在我的模板标签中包含一个JS变量。例如:...varfoo=$(this).attr('title');$('#bar').load("{%urlapp.views.viewfoo%}");...可以吗? 最佳答案 不可行。在评估Javascript时,HTML(和Javascript)已经呈现并提供给客户端。您需要一些其他方法,例如(如您所述)查询参数:varfoo=$(this).attr('title');$('

使用 Django 实现 JavaScript 国际化

我有一个位于common/static/js/目录中的script.js文件。Common是一个目录,而不是一个应用程序,我需要将脚本中的消息翻译成其他语言。我应该如何配置我的Django项目?请基本说明,因为我很笨。 最佳答案 一种简单的方法是在模板级别设置您的可翻译值,以便您的JavaScript函数/类获取:varmy_name='{%transmy_name%}';但是Django确实有JavaScriptinternationalization. 关于使用Django实现Jav

javascript - Django JavaScript 加载不规律地失败

我正在本地主机上开发一个Django项目,其中包含一些包含在base.html模板中的JavaScript文件。我的JavaScript包含在页面底部:...otherstuff...{%blockextrajs%}{%endblock%}有时,但并非总是如此,当我加载或刷新页面时,对其中一个JavaScript文件的GET请求失败。有时是对jquery-ui的请求,有时是对jQuery本身的请求,有时是对bootstrap.js的请求。如果我将url直接粘贴到浏览器中,JavaScript文件加载得非常好,所以我的媒体url不是问题。在Chrome中,如果我点击控制台错误并查看网络选

javascript - 在 vue.js 中重新加载或关闭之前做一些事情

我有一个带有beforeDestroy方法的Vue.JS应用程序,我试图用它在应用程序关闭或重新加载之前将一些数据存储在本地存储中。仅供引用:beforeDestroy:function(){localStorage.setItem('preference',this.preference);...}但是,关闭或重新加载应用程序实际上都不会调用此方法。如何确保在关闭应用程序之前调用此方法? 最佳答案 “关闭”或“重新加载”应用程序的是什么?是浏览器中的用户关闭窗口和/或刷新页面吗?如果是这样,则没有任何东西“被破坏”并且该函数将不会

javascript - 带有 vuex 的 Vue js 使用 v-for 和 v-model 计算属性

我需要将v-for与v-model结合使用。我读了docs并且没有示例说明如何在不在变异处理程序之外执行变异的情况下将它与v-for一起使用。如何在不直接改变属性的情况下在v-for中使用v-model?0{{n}}//componentmethods:{...mapMutations({addToCart:ADD_TO_CART})}, 最佳答案 不确定我是否完全理解您的问题,但请查看以下内容:编辑已更新为使用Vuex-但不是通过v-model,因为那样不会调用所需的突变或操作conststore=newVuex.Store({s

javascript - Vue.js:根据方法对列表进行排序

我正在获取一些原始数据并显示项目列表。每个项目都有一个我用方法生成的复杂属性(不是计算属性)。该属性可能会根据用户输入而改变。是否可以根据该属性对列表项进行排序?HTML:{{calculateComplexProperty(item.time)}}JavaScript:calculateComplexProperty:function(time){//this.distanceisanexternalfactorthatisnotapropertyofthelistitem,//andthatcanbemanipulatedbytheuservarspeed=time*this.di

javascript - 是否可以在 vue-router 中锁定除一条以外的所有路由?安全吗?或者我应该使用另一种方法?

我想做一个在线考试,这个考试有5页,有一个倒计时计时器(120秒),每页有4个问题。120秒后,用户将自动转到下一页,或者他们可以在此之前单击下一步按钮。Laravel5.4和VueJs,用户回答的每个问题都有一个Ajax请求。我想要的是阻止用户看到其他页面。每个页面最多只能显示120秒。用户不应该能够点击后退按钮并查看之前的页面。这可能吗?我想用Vuejs和vue-router创建这个应用程序,但我不知道如何用vue-router实现它,我做了一些研究,但没有得到太多结果!或者也许我不应该使用vue-router,而是使用我自己的简单路由器,例如:$("#page1").show()