草庐IT

django-vue-admin

全部标签

javascript - Vue router 路由的安全性

我现在正在学习Vue2周,但我找不到这个关于路由安全性问题的答案。当我在Vue中使用元字段和路由守卫保护路由时,就像在考试中一样,我想知道客户端如何才能看到组件仍然存在。constrouter=newVueRouter({routes:[{path:'/foo',component:Foo,children:[{path:'bar',component:Bar,//ametafieldmeta:{requiresAuth:true}}]}]})router.beforeEach((to,from,next)=>{//checkifauthenticatedbyjwtfromstoreo

javascript - 从数据库中删除后,Vue.js $remove 不删除元素

我正在使用Laravel并尝试学习Vue.js。我有一个正常工作的删除请求,并从数据库中删除了对象。问题是成功删除后它没有从DOM中删除。我正在使用$remove方法并将完整对象传递给它,所以我知道我遗漏了一些东西。作为旁注,我将main.js作为入口点,将PersonTable.vue作为组件。PersonTable.vue包含模板和该模板的脚本。这是我的LaravelView:这是我的`PersonTable.vue:PersonsListFirstNameLastNameEmailGender{{person.first_name}}{{person.last_name}}{{p

javascript - 另一个ajax中的vue js ajax正在获取数据但不呈现 View

有一种情况,我必须在vuejs中的第一个ajax(在mounted函数中)之后获取额外的数据,我将第二个ajax放在if条件中并且在第一个ajax的success函数中!它正在运行,我在chrome的VueDevtools中看到数据,但数据未在View中呈现。伪代码:varvm=newVue({el:'#messages',data:{participants:[],active_conversation:'',messages:[]},methods:{getParticipants:function(){returnthis.$http.post('message/get-part

javascript - 我可以在未注册的组件上构建 Vue.js 失败吗?

考虑以下组件模板......其中Unknown可能是全局注册的组件。在运行时,我会遇到这个信息性错误:[Vuewarn]:Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.[...]但是,对于我的用例,我想强制在构建时不会发生此类事件。目前,vue-cli-servicebuild在这种情况下执行成功构建,然后在运行时显示错误(此时无用)。我很好奇是否有一种方法可以内省(introspection)地捕获这个潜

javascript - 来自数据库的 Django 动态下拉列表

我想开发一个Django应用程序,我想要的功能之一是动态下拉列表...专门针对车辆制造商和型号...选择特定制造商将仅更新模型列表属于该模型的模型......我知道这在javascript或jQuery中是可能的(如果有人有答案,这将是我的最佳选择)但我不知道如何去做。此外,我希望制造商、型号、年份和系列是通用的,然后其他属性(如颜色、传输等)是变量,这样只需输入制造商、型号、年份和系列即可新车。任何想法将不胜感激。 最佳答案 您提到的3个常见的东西,制造商,型号,年份,将是3个输入值。当提供给服务器时,包含详细信息的对象将返回到调

javascript - Django Ajax 登录表单

我正在尝试使用ajax提交登录表单。我对应该如何处理异常/成功响应感到困惑。我从服务器收到200OK,表单通过密码/用户名字段返回错误。如何获取错误消息以根据服务器响应显示或将用户重定向到适当的页面?JQUERY:56$(window).load(function(){57$('#login_form').submit(function(e){58e.preventDefault();59varrequest_url=document.getElementById('next').value60$.ajax({61type:"POST",62url:$(this).attr('acti

Vue3 & app.use 与 install 函数的作用

1.app.use在vue3中,默认初始化vue的方式是这样的//src/main.jsimport{createApp}from'vue'importAppfrom'@/App.vue'constapp=createApp(App)app.mount('#app')exportdefaultapp如果我们需要引入vue-router则需要修改成比如这样//src/main.jsimport{createApp}from'vue'...++++++++importHomefrom'@/pages/Home.vue'import{createRouter,createWebHistory}fro

javascript - 使用 Vue-cli,我在哪里声明我的全局变量?

在大多数Vue.js教程中,我看到类似的内容newVue({store,//injectstoretoallchildrenel:'#app',render:h=>h(App)})但是我正在使用vue-cli(我实际上正在使用quasar)并且它为我声明了Vue实例,所以我不知道我应该在哪里说我想要store成为“Vue-wide”全局变量。我在哪里指定?谢谢 最佳答案 是的,您可以在入口点文件(main.js)中像这样设置这些变量:Vue.store=Vue.prototype.store='THISISSTOREVARIABLE

javascript - 弹出窗口中的 Django 渲染模板

作为javascript的初学者,我正在寻找一种在javascript弹出窗口中从django呈现模板的方法。谢谢。 最佳答案 创建View和django模板并在django模板中创建指向新页面的链接{%trans'Linktopopup'%}所以你必须有另一个带有'/example/popup'url的应用ps:还有很多其他的方法……只有一个建议! 关于javascript-弹出窗口中的Django渲染模板,我们在StackOverflow上找到一个类似的问题:

javascript - 如何在 Javascript 中调用外部的 vue 实例

如何在javascript中调用测试vue?这是我的代码,当我在javascript函数中执行某些操作时,我想调用测试。functionclickit(){this.test.fetchTestData();}vartest=newVue({el:'#viewport',data:{test_data:[]},mounted:function(){this.fetchTestData();},methods:{fetchTestData:function(){$.get(test.json,function(data){this.test_data=data;alert(this.te