vue.js相关内容
我正在创建一个Vue3应用程序,添加路由器后,我的第一个页面正在加载,但它完全是空白的。 我收到以下邮件 错误:未捕获类型错误:对象(...)不是函数 在控制台中: 找不到./src/router/index.js";EXPORT‘createRouter’中的警告 在‘VUE-ROUTER’ ./src/router/index.js";导出‘creat
..
我使用的是名为griptape的js框架(用于区块链)。尝试使用VUE路由器时出现此错误。 import Vue from "vue"; //Error **does not provide an export named 'default'** import VueRouter from "vue-router"; import Home from "../views/Home.vue";
..
我遇到VUE路由器问题。 我在主页上找到了一份帖子列表。当我点击其中一个时,它会重定向到帖子页面,如下所示: 一切正常,我可以在getter中使用this.$route.params.
..
如何使用Vue 3中的Vue组合API使用Vue路由器,对当前路由名称进行被动访问? 推荐答案 以下是使用Vue 3.0和Vue路由器v4.0.0-Beta.12与复合API语法的示例: import { defineComponent, computed, watch } from 'vue'; import { useRoute } fr
..
这是我的路由器配置。 const router = new VueRouter({ routes: [ { path: '/user/:id', components: User, props: { sidebar: true } } ] }) 我无法访问所有道具(例如sidebar和id),只能访问
..
我有一个使用VUE创建的单页面应用程序,并且导航链接都是使用router-link标记完成的。我的老板希望在导航中包含几个项目,但将其禁用,这样人们就可以一窥即将到来的一些功能。但是,我想不出如何完全禁用路由器链路! preventDefault什么都不做,@click.native.prevent="stopClick()"什么也不做(我尝试将其发送到一个函数以查看这是否会阻止单击,但它只
..
我已经设置了一个简单的VUE(使用VUE-Router和Vuentify)项目,并且我正在尝试获取访问父路由时要加载的默认子路由。 我已尽最大努力按照VUE文档执行此操作,但默认子路由在我访问其父路由时根本不会加载。 以下是router.js文件中的代码: import Vue from 'vue' import Router from 'vue-router' import
..
因此,我的vuejs SPA上的绝大多数视图在顶部都有一个导航栏组件。但是,某些选择的视图(如登录)不应显示此内容。 我的解决方法是导入导航栏并在需要时单独添加到每个视图,但现在我可以看到,在从一个视图切换到另一个视图时,导航栏会导致奇怪的闪烁--可能是因为导航栏组件正在被删除,然后立即重新添加。这似乎是不对的。 我假设有某种方法可以在App.vue中添加导航条组件,但有条件地使用vue-
..
因此,如果API调用返回状态422,我会尝试将用户重定向到不同路由。但是我收到一个错误 TypeError: Cannot read properties of undefined (reading '$router') 我的routes.js: { path: '/dashboard', component: Dashboard,
..
所以我有一个组件,一旦它被挂载,它就会执行代码: mounted(){ axios.get('/markers/' + this.username) .then(response => { this.markers = response.data.markers }).catch((error) => conso
..
我正在使用vue init webpack test跟踪一些Vue项目,但似乎在运行npm run dev时,所有URL都附加了#/。 当我创建一个新组件并将其路由到该组件时,也是如此。如果我执行类似http://localhost:8080/newpath的操作,它将变成http://localhost:8080/newpath#/。 是否可以设置配置变量,使#/不会附加到每个URL?使
..
我是VUE JS的新手。 我只是在创建一个简单的项目,其中我只包括Vuejs通过CDN。未使用节点/npm或cli。 我将我的所有html标记保存在单个html中,随着它的增长,它看起来很杂乱。我尝试将html拆分为视图,并希望通过类似于angularJ的ng-include 来包含它 我以前在ANGLE中工作过,在那里有ng-include加载外部html文件。我在找和VUE类似的东西
..
我正在使用Laravel 8和Vue 3制作注册表。后端是API。 在users表迁移文件中,我有: class CreateUsersTable extends Migration { public function up() { Schema::create('users', function (Blueprint $table) { $table->id()
..
我正在制作一个由Laravel 8 API和Vue 3前端组成的注册表。 我在AuthController中有这段代码来注册新用户: class AuthController extends Controller { public function countries() { return Country::all('id', 'name',
..
在Vue.js中,我生成了一个对象列表。 单击特定‘STAR’时,我想给‘STAR’上色。 但是当我单击一颗星星时,列表中的每一颗星星都会变色。 我在这里做了一个虚拟小提琴:https://jsfiddle.net/t3f0rpqh/21/ 实际上,它将是一个字体很棒的图标(但我这里也有同样的问题-更改图标时,列表中的每个图标都会更改,而不仅仅是单击的图标)。
..
我想用vuejs制作一个手风琴菜单。如果单击另一个div,则手风琴不应关闭。当手风琴项目本身被单击时,它应该关闭。如何实现此目标? VUE代码 new Vue({ el: '#demo', data () { return { isOpen: false, selected: '', headerDesktopMenu: { menu: { menu_i
..
我使用Tailwind CSS和Vue.js创建模态。 由于Tailwind不支持Vue 2,我必须添加过渡。 您可以在这里看到想要的效果: https://tailwindui.com/components/application-ui/overlays/modals 代码如下:
..
基本上,我尝试从事件名称创建永久链接。当我使用v-model从事件名称中获取值时,它可以工作,但是如何将转换后的固定链接放回PUG中的另一个输入框? 这行得通: "P {{message}}",textarea(rows="2") {{message}} 但当我尝试以下操作时: input(value="{{message}}"),input(value={{message
..
我正在使用Vue-CLI创建Vue应用程序。我不喜欢的一种行为是,提供任何不存在的URL(例如,localhost:8080/nonexistent/file.html),代码为200,就好像它是根URL:localhost:8080。 这有时会使调试XHR请求变得非常混乱。 如何使其返回404代码? 推荐答案 您观察到的特性实际上来自webpack-dev-server'
..
我有一个前端应用程序(VUE JS) 我有一个后端(Nest JS) Vue JS应用程序使用VUE-Socket.IO-扩展库通过WebSockets从后端获取数据 当Vue JS应用启动时,我在浏览器中看到错误: Polling-xhr.js?d33e:229 POST http://localhost:11050/socket.io/?EIO=4&;transport=p
..