Vue中bug
学习vue遇到的各种稀奇古怪的问题
Mboss76
better coding
展开
-
Vue中使用:src绑定图片 图片加载不出来 不能显示
当Vue在前端传入一个图片时会自动添加一个无序乱码,如下图所示在项目中的图片名称为tree.jpg,但是浏览器自动添加上了6990f624的乱码。所以直接在:src中传入图片路径是不行的我们需要得到图片路径中的乱码才能获得正确路径方法很简单,只需用require方法引入图片传给 :src,就可以得到编码后的图片路径。如下:这是错误写法::src="../../assets/img/tree.jpg"这是正确写法::src="require('../../assets/img/tre.原创 2021-07-20 02:40:32 · 4564 阅读 · 0 评论 -
vue:v-for 创建出来多个input获得它们的值
在Vue中使用v-for创建多个input<div id='test'> <input type='text' v-for="i in nums" :key=i></div>data(){ return{ nums:[1,2,3,4,5] }}常规思路就是用document.getElementById(‘test’)获取到id为test的div,然后通过这个父div得到子input组件以及其中的值。Vue实现了ref属性,通过调用this.$r原创 2021-08-31 01:38:15 · 3597 阅读 · 0 评论 -
Vue中this.$router.push()失效解决办法
问题描述今天学习Vue的时候准备使用this.$router.push()来跳转页面,但是无论如何也跳转不了,也没有报错.路由如下:{ path:'/home', component:home, name:home }, { path: '/login', component:login, name:login }从login界面跳转到home界面不成功解决办法引入rout原创 2021-06-09 19:28:17 · 28955 阅读 · 4 评论 -
Vue路由跳转了但是页面不跳转[解决办法]
Vue路由跳转了但是页面不跳转[解决办法]为什么会出现这种情况解决办法为什么会出现这种情况最近开始学习Vue的组件化开发,想要进行页面跳转就设置了路由:const routes=[ { path:'/', component:home }, { path: '/login', component:login }]但是无论路由怎么跳转页面都只在home组件上.这是因为路由页面需要显示在router-原创 2021-06-06 13:46:30 · 18348 阅读 · 6 评论 -
Vue中使用mounted和created时,this无法指向data中的数据
Vue中使用mounted和created时,this无法指向data中的数据问题描述问题分析解决办法问题描述预想在Vue创建页面时接收后端数据,然后渲染到页面。使用data进行数据绑定,可是数据修改不成功。//想要修改data中的gameNumdata(){ return{ allGames:'', gameNum:0 } }mounted() { axios.post('http://localhost:3000/allGames').t原创 2021-07-18 17:20:51 · 10747 阅读 · 8 评论