vue-vant开发移动端项目如何在手机上查看效果

news/2024/7/10 2:44:27 标签: cmd, vue, 移动开发

首先,启动项目,npm run serve
在这里插入图片描述
然后看一下有没有Network这一条,如果有,那就直接把这个网址在手机上找个浏览器输入就可以看到了。
如果你是更改过启动项,用的是“npm run dev”,则在“dev”中添加 --host 192.168.x.x。
在这里插入图片描述

然后还是一样,手机打开浏览器输入这个网址

那么ip地址怎么找呢
步骤一:cmd 打开命令运行符,输入“ipconfig”查询本地 IP;(cmd就是你点开桌面菜单后直接键盘输入cmd就会出来的一个命令行工具)
步骤二: 将ipv4地址复制下来 —> 192.168.x.x


http://www.niftyadmin.cn/n/490551.html

相关文章

vue项目如何点击跳转到第三方页面

大家都知道传统的跳转路由就是点击后通过this.$router.push()来跳转。但是需要跳转第三方链接除了用a标签之外,如果需要在点击事件内完成跳转怎么做呢。 很简单,用window.location.herf就可以了 注意:网址前面要加http或者https之类的&#…

云服务器ftp登陆框弹出后无法登陆,FTP无法登陆的解决方法

1.有可能是网络不通造成。PING下或者直接TELNET连接服务器21端口就可以。2.有可能是你使用了被动模式,有些网络情况如果使用被动模式就无法连FTP接到空间,这么就需要在FTP工具中把连接模式改为主动模式。FTP能登陆,但无法上传的原因和解决办法&#xff1…

vue项目中实现价格被横线划掉,折扣价效果

效果图 代码 横线划掉效果就是用到了css的一句代码&#xff1a;text-decoration: line-through; 其他颜色大小是自己改的。 <p class"usa">&#xffe5;499.00<spanstyle"text-decoration: line-through;font-size: 12px;color: #ccc;">&…

邮件服务器163.com,163免费邮

第六步&#xff1a;进入信箱设置页面&#xff0c;确认好电子邮件地址&#xff0c;点击“高级信箱设置”&#xff1b;第七步&#xff1a;点击“接收电子邮件设置”来设置收件服务器&#xff1b;第八步&#xff1a;收件服务器设置如下图&#xff0c;设置完点击“返回”&#xff1…

计算机触摸屏usb模块,求USB接口的电脑外接触摸屏--专利说明?

USB接口的电脑外接触摸屏所属技术领域本实用新型涉及触摸屏技术和USB接口技术,为触摸屏技术在计算机领域的应用。背景技术目前,电脑显示器的触摸屏改善了用户传统的鼠标和键盘输入方式&#xff0c;使用户能更方便地与电脑进行互动。而几乎所有的触摸屏都是内置于显示设备的,即使…

vue移动端表格,超出横向滚动,固定第一列

效果图 html结构 表格数据对应渲染功能实现思路&#xff1a;其实看代码就能了解了&#xff0c;就很简单的用循环数组&#xff0c;然后把数组中的每一项对应放在一个位置就行了。这样循环几个&#xff0c;就有几列数据&#xff0c;后台传过来的数据就分成两个&#xff0c;一个就…

css隐藏元素 触发点击事件,CSS隐藏元素的方法及区别

一、常用方法的性能及区别1.display:none不为被隐藏的对象保留其物理空间&#xff0c;即该对象在页面上彻底消失&#xff0c;通俗来说就是看不见也摸不到。具体表现如下&#xff1a;1.DOM结构&#xff0c;浏览器不会渲染display:none的元素&#xff0c;不占据空间&#xff1b;2…

vue移动端vant搜索组件中自定义按钮无法显示搜索文字,显示的是取消

原版 <van-searchv-model"value"show-actionlabel"地址"placeholder"请输入搜索关键词"search"onSearch" ><template #action><div click"onSearch">搜索</div></template> </van-search…