在vuejs的按钮中包含一个路由器链接标签
我可以在button标签中包装或包装router-link标签吗? 按下按钮时,我希望它将我路由到所需的页面. 解决方案 您可以使用 tag prop . foo 请其他解决方案 虽然这里的答案都很好,但似乎没有一个是最简单的解决方案.经过一些快速的研究,看来使用vue-router的真正最简单的方法是router.push呼叫.可以在这样的.VUE模板中使用: Click to Navigate 超简单清洁.我希望其他人发现这有用! 来源: https://router.vuejs.s.s.s.org/guide/guide/esentials/navigations/navigation. html 其他解决方案 @choasia 的答案是正确的
0 2024-04-05
编程技术问答社区
如何将路线排除在Vue-Router中的历史?
我已经用Vue-Router实现了标签.当用户在这些选项卡中来回单击时,但是然后喜欢转到上一页,他需要多次按"返回"才能首先访问每个选项卡. 是否有可能在vue-router中排除历史途径,例如: let router = new VueRouter({ mode: 'history', routes: [ . . . { path: '/tabs/', name: 'tabs', component: TabPage children: [ { path: 'tab1',
0 2024-04-04
编程技术问答社区
Vue警告$listeners和$attrs是只读的
我收到了很多vue警告,说$听众是阅读的,否则$ attrs已被阅读,并且与不同的bootstrap项目或有关. 例如: [Vue warn]: $attrs is readonly. found in ---> 我非常确定它与两次加载Vue实例有关,但我真的不知道,如何其他任何方法,以便路由仍然有效. 在我的主角中,代码如下: import Vue from 'vue' import App from './App' import router from './router' import firebase from 'firebase'; import './components/firebaseInit'; import store from './store'; import { i18n } from './plugins/
14 2024-04-02
编程技术问答社区
vue.esm.js的空白页面和 "未知名称 "错误(微软IE 11和微软Edge)。
Internet Explorer 11和Microsoft Edge在加载Vue应用时向我展示了一个空白页.控制台日志显示了一个"未知名"错误,指向vue.esm.js中的线" throw e": Watcher.prototype.get = function get () { pushTarget(this); var value; var vm = this.vm; try { value = this.getter.call(vm, vm); } catch (e) { if (this.user) { handleError(e,vm, ("getter for watcher \"" + (this.expression) + "\"")); } else { throw e // UNKNOWN NAME ERROR (IE and Edge) } } finally { // "touch every property so the are all tr
6 2024-03-26
编程技术问答社区
动态导入代码分割的原因。ESLint解析错误'导入'。
我正在使用vuejs webpack模板,此处找到:/webpack 示例路由: const AuthRoute = () => import(/* webpackChunkName: "authroute" */ './AuthRoute.vue') 示例错误: [ESLINT]解析错误:意外令牌导入 我遵循了WebPack的动态导入部分中提供的步骤,以及Anthony Gore的博客文章,介绍了如何在路由器级别使用VUEJS分配代码.更具体地说,这是我的设置: package.json ... "babel-core": "^6.22.1", "babel-eslint": "^8.0.3", "babel-jest": "^21.2.0", "babel-loader": "^7.1.1", "babel-plugin-dynamic-import-webpack": "^1.0.2", "babel-plugin-syntax-dynami
6 2024-03-26
编程技术问答社区
带有Vue项目路由的Azure静态Web应用不工作
我有一个使用Azure静态Web应用程序部署的VUE项目.项目包含路由器(历史模式)功能.它在本地完美.但是部署到Azure路径后链接无法正常工作.例如,当我尝试从浏览器导航中访问mysite.com/about时,它会返回404错误. staticwebapp.config.json文件中的公共文件夹中的文件: { "routes": [ { "route": "/*", "serve": "/index.html", "statusCode": 200 } ] } 我的路由器JS文件: import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../views/Home.vue' Vue.use(VueRouter) const routes = [ { path: '
2 2024-03-23
编程技术问答社区
使用vue axios无法在数据表格中显示数据
我不知道为什么我的数据不会在我的数据表中显示,但是当我检查控制台和VUE工具时,我可以看到数据.当我编译JS文件时,它不会向我显示错误.我只是在使用数据表和使用的$('#example').DataTable();函数,然后我在中使用v-for来显示数据.谢谢您的帮助! 用户 Id Name Email Type
4 2024-03-23
编程技术问答社区
Vue Router上的CSRF令牌复制 Laravel 5.3 Vue 2 JS
所以我的问题是生成了会话令牌. 以及我通过ajax或axios发送的令牌(导致使用vue和vue路由器以获取API) 正在变得不匹配 这是我发布数据时得到的响应 Ajax令牌等于主叶片模板的元标记中的令牌 使用此标签 app.blade.php中的元标记 window.Laravel = csrf_token(), ]); ?> Axios的拦截器(目的是从Meta标签注入CSRF_Token) Vue.axios.interceptors.request.use(function (config) { config.headers['X-CSRF-TOKEN'] = La
0 2024-03-23
编程技术问答社区
在vue中从api加载路由
我正在尝试从API中加载路由在VUE应用程序中.我尝试将数据推到路由变量并使用AddRoutes方法.但是没有运气.我认为异步可能存在问题.但是为什么AddRoutes()不起作用? 这是我的代码: import Vue from 'vue'; import VueRouter from 'vue-router'; import axios from 'axios'; /** * Routes */ import item_index from '../../app/Tenant/Item/Views/Index.vue'; import contact_index from '../../app/Tenant/Contact/Views/Index.vue'; import eav_index from '../../app/Tenant/Eav/Views/create.vue'; import eav_create from '../../app/Tenant/Ea
2 2024-03-23
编程技术问答社区
用vue在axios响应后重定向
好,所以我有以下方法.基本上,我正在调用API后端,发布用户名和密码,如果通过这些响应,则在响应中,服务器会给我发送200个状态.我想做的是在响应中,在我获得状态后,运行if/否,因此,如果状态为200,则重定向,否则显示错误消息.每次我尝试使用'此. 我有一个错误:'homepage.vue?3 ec6:72未经许可(在承诺中)typeError:无法读取属性'$ router'of Undefined'. 但是,如果我在方法顶部使用相同的路线,则在轴呼叫之外,它可以正常工作. 所以我在这里缺少什么? hero_login: function(event){ event.preventDefault(); axios.post('API call here', { servi
10 2024-03-23
编程技术问答社区
axios拦截器中的Vue-Router
我用vue-cli 3创建一个项目,所以我运行: >vue create my-app; >cd my-app >vue add axios vue在我的my-app \ src \ plugins \ file axios.js中使用此代码: "use strict"; import Vue from 'vue'; import axios from "axios"; // Full config: https://github.com/axios/axios#request-config // axios.defaults.baseURL = process.env.baseURL || process.env.apiUrl || ''; // axios.defaults.headers.common['Authorization'] = AUTH_TOKEN; // axios.defaults.headers.post['Content-Type'] =
0 2024-03-23
编程技术问答社区
使用vue-router改变路线时,中止所有Axios请求。
在我更改路线时完成之前,我如何中止/取消Axios请求 vue-router. 用户打开页面时,它会自动发送Axios请求以获取一些数据, 但是用户不要等待得到响应,然后他正在通过vue-router更改路线 这将是很多Axios请求 所以我的问题有任何解决方案 解决方案 更新:Axios(0.22.0+) CancelToken现在已弃用.使用AbortController检查 @M0R答案以获取更新的解决方案.这是官方文档的链接: https://axios-http.com/docs/docs/cancellation 原始答案 基本上您必须生成全局取消令牌 const CancelToken = axios.CancelToken; const source = CancelToken.source(); 并将其传递到config parameter 中. 获取请求: axios.get('/user/12345',
4 2024-03-23
编程技术问答社区
Vue-Router用道具传递数据
我很难使用vue-router通过道具.当我将它们带入下一个视图时,我似乎无法访问道具.这是我的方法对象: methods: { submitForm() { let self = this; axios({ method: 'post', url: url_here, data:{ email: this.email, password: this.password }, headers: { 'Content-type': 'application/x-www-form-urlencoded; charset=utf-8' } }).then(function(response) { self.userInfo = response.data; se
0 2024-03-23
编程技术问答社区
在Vue.js中提出请求时,如何在基本url和compose config中使用变量?
我想实现的目标 - 为Vue服务foo1.bar.com,其中" foo"是多人项目中租户的名称.因此,当访问foo2.bar.com时,vue使用的基本API升为foo2.bar.com/api,foo3.bar.com/api访问foo3.bar.com. . 上下文:这是一种与现有多端后端API连贯的建议方法,其URL看起来像t1.site.com/api和t2.site.com/api. 在reddit上建议它是对这个问题的回应: 我几乎完成了我的第一个脱钩(后端和后端是 单独的项目 - 后端用Django + REST编写 框架和实现多种(表示我的API端点外观) 像tenant1.sitename.com/api/endpoint和 tenant2.sitename.com/api/endpoint).当我发展时,我假设 由于前端消耗我的API,就不应该有问题 所有租户都是一样的,所以Django可以消耗同样 前端不管是哪个租户. 这是消耗django a
0 2024-03-23
编程技术问答社区
apache上的Vue-router,SPA在子目录下,只能通过重定向访问页面
因此,我有一个在Apache Dev服务器上设置的客户端的VUE应用程序.我正在这样做以符合生产环境.该应用在子目录中,我在Vue-Router上设置了"基础"选项以匹配.如果我导航到我的虚拟主机root,它会正确重定向,但是通过在地址中键入404来导航到相同的地址. 这是我的路由器代码: const routes = [ {path: '/', redirect: '/london' }, {path: '/:city', component: homeView} ] const router = new VueRouter ({ mode: 'history', routes, base: '/subdir/' }) 我在" subdir"中也有相关的apaache .htaccess: RewriteEngine On RewriteBase / RewriteRule ^index
2 2024-02-27
编程技术问答社区
在apache2上的Vue Router主机
我在Apache Server上托管我的Vuejs项目. init项目 设置路由器 构建并托管到Apache Server 在 const router = new VueRouter({ routes: Routes, // relative: true, mode: 'history' }); 这在本地运行良好,但是Vue路由器在服务器上断开. 示例 如果我运行 http://example.com ,然后转到 http://exmaple.com/sub 它可以正常工作 但是,如果我刷新页面,它将输出404个错误. 错误: 解决方案 来自 vue.js文档页面: 使用历史模式时,URL看起来"正常",例如 http://oursite.com/user/id .美丽! 不过,这是一个问题:由于我们的应用程序是一个client端端应用,没有适当的服务器配置,因此,如果他们访问 http://oursit
4 2024-02-27
编程技术问答社区
无法从AngularJS index.html导航到VueJS webapp
我试图将AngularJ和VueJS项目合并在一起,因为我们需要从AngularJS应用程序内部调用VueJS在VueJS中设计的流程.为了将AngularJS和Vuejs项目合并在一起,我将依赖项包含在package.json文件中. 现在,由于VUE和Angular都具有index.html文件在项目root Directory中创建的index.html文件,所以我将一个Angular一个作为我的index.html文件,并将Vuejs索引文件更名为index23.html.然后从我需要调用vuejs flow的链接中,我在Angularjs配置文件的路由器中提供了路由,如下所示: 'use strict'; app.config(function ($routeProvider) { $routeProvider .when("/errorinput", { templateUrl: "src/index23.html
4 2024-02-24
编程技术问答社区
Vue.js路由器:历史模式和AWS S3(RoutingRules)。
我使用Amazon S3和CloudFlare的Vue.js应用程序启动和运行. 当我打开索引并浏览到/仪表板时,一切正常.但是,当我直接在新标签中打开仪表板或刷新页面的路线时,我会从s3中获得以下错误: 404 Not Found Code: NoSuchKey Message: The specified key does not exist. Key: unternehmen RequestId: 6514F8A1F4C29235 HostId: +BVrPLJSGdzSYogzWZ4GMBXkgkdSJWRVJVhcSs4EI/lmMUR422aCtCxpBGU6AMe5VkS1UbEn/Lc= 只需阅读问题是vue.js历史模式: https://https://router.vuejs.org/de/essentials/history-mode.html 我想通过我的Amazon S3存储桶中的路由规则解决问题. Apache重写如何寻找S3?
6 2024-01-25
编程技术问答社区
我如何能够在vue js html中以给定的格式进行多重选择和传递数据?
我需要以给定格式传递数据. rules : [{ name:null, section:null, data : [{head:null,value:null}] }], 这是我面临的问题.希望有人可以帮助我解决解决方案.给出了摘要.我需要以上述格式传递数据.如果需要一个内部规则[],它也可以很好 是数据内部的头部和值所需的另一个数组[].如果需要,这也可以.希望提供帮助.请帮助我有解决方案. 请更改选择以阅读问题 在 addForm = new Vue({ el: "#addForm", data: { rules: [{ name: null, section: null, data: [{ head: null, value
14 2024-01-14
编程技术问答社区