暂无权限

加入尚新途,才有权限看这些视频哦!

点击前往
×
问答
明月照我
1楼

老师我微信图片_20220410134158.png配置Vue,到npm run serve时出现了这种情况怎么解决

尚新途

发一下你的项目源码把

风是甜的
2楼

老师我写了一个vue2的demo,在浏览器中能够正常运行vue-devtools,但是使用vue3浏览器的时候vue-devtools就没有用了

image.png


尚新途

版本问题,这个devtools支持到vue2.6,把原先的插件卸载了下载beta版本

落白
3楼

image.pngimage.png视频中的老师是怎么运行Hello world.vue的?没有Open in other browser

尚新途

你这一开就没好好看视频,还是你就是直接跳着课程看的?

Open in other browser这是运行html文件的插件,而且我在群里开班的时候就发过vscode的配置文章。


运行vue项目是用指令运行的,2.0的是 npm run dev ,3.0往后的是 npm run serve


好好看看视频吧

尚新途

回去看了课时1,是少了cnpm in start我就把Powershell关闭了

尚新途

瞎说,都讲了,只不过讲课老师用的是简写方式 npm i  ,你就不认真看视频

image.png

森鹿Senlu
4楼

老师总样式在哪了,我这是个空项目呀,就写了几条语句

image.png

image.png

尚新途

你把这个项目压缩提交上来老师看看,没有代码老师也不知道你哪里错了

尚新途

奇怪啊,怎么传不上去。。

image.png



尚新途

奇怪啊,怎么传不上去。。

image.png



尚新途

我描述一下吧,就是这个刚下载下来的空项目,我改动了两个文件,就是前面截图的那两个,样式的话我没自己添加。

尚新途

老师去群里找你

森鹿Senlu
5楼

老师我这h3标签渲染不出来是怎么回事啊,后面直接写h1的也渲染不出来呢,结果都是加粗一点。

image.png

image.png

尚新途

老师这里没有问题呀,你是不是设置总样式了

image.png

流年岁月
6楼

这个命令提示符安装完8080显示,关了之后,我再开localhost:8080就打不开了,什么原因呢

image.png

尚新途

不要关闭控制台命令

流年岁月
7楼

我代码里id="app"这些关联也都在,但是网页里,只显示Index.html里面的内容,在HelloWorld.vue里修改的内容一点也不起作用。image.pngimage.pngimage.png

尚新途

我看你 app.vue 文件里面的内容

陌尘
8楼

1.zip


老师我在父组件中发送网络请求获取了数据,

通过props传递给了子组件

然后我利用v-for指令渲染了dom元素,这里都OK


但是我在mounted生命周期中查找元素,获取不到元素

mounted(){

    console.log(document.querySelectorAll('li'))

    console.log(this.bannerData.length)

  }

我需要获取到元素利用js来操作。

尚新途

代码都报错了,这是引号

image.png

hello、
9楼
<style>
.text-danger {
	width: 100px;
	height: 100px;
	background: red;
}
.active {
	width: 100px;
	height: 100px;
	background: green;
}
</style>
</head>
<body>
<div id="app">
	<div v-bind:class="[errorClass ,isActive ? activeClass : '']"></div>
</div>

<script>
new Vue({
  el: '#app',
  data: {
    isActive: false,
	activeClass: 'active',
    errorClass: 'text-danger'
  }
})
</script>

vue不是讲究前后端分离吗?那我的isActive这个值怎么去改变它?

尚新途

老师这简单举个例子,当你点击按钮切换的时候让他变为绿色。你就直接修改数据就行了。

image.png

尚新途

点击按钮来改变我知道,但是如果是在屏幕缩放到一定程度改变样式呢?

比如说全屏的时候nav是左侧菜单,当屏幕小到一定程度的时候变成导航条呢?

image.png

image.png

就这两者之间的转变,我怎么去监听页面的大小去触发事件呢?框架是用bootsrap写的

尚新途

这跟你用什么框架没有关系。就是一个思路的问题。

实现你这个功能的话,使用媒体查询就能实现,判断游览器可视区域的大小,做相应的布局

尚新途

这个我没有了解过,您能简单举个例子吗?

尚新途
<style type="text/css">
            div{
                width: 56.25rem;
                height: 25rem;
                background: red;
            }
            
            @media screen and (max-width:31.25rem) {
                div{
                    background: #00FFFF;
                }
            }
        </style>

当他的宽度小于31.25rem时,背景颜色发生变化。

image.png

尚新途
	nav{
		width: 300px;
		height: 100%;
	}
	@media screen and (max-width: 900px) {
		nav{
			width: 100%px;
			height: 300px;
		}
	}
</style>

<nav class="navbar navbar-inverse">

我这样引用还是改变不了高度,是我哪里用的不对?

尚新途

你的布局问题,你高度给 100%,但是里面没有内容就撑不起这个块。肯定看不出效果来。

你高度给一个具体的数值,比如 200px

自我检测(5S)