美文网首页vue
vue遇坑-第一章

vue遇坑-第一章

作者: 荼蘼toome | 来源:发表于2020-01-15 14:18 被阅读0次
  1. webpack-dev-server 不是内部 外部命令
    错误原因 : 执行命令 npm run dev实际执行
    解决方法 : npm install webpack-dev-server -g (一般全局安装后就没问题)
  2. 安装依赖
    npm install
  3. 将项目运行到模拟器
    要求: 手机和电脑要在同一个网络下。

build目录
webpack.dev.conf.js文件
修改host端口
host:'0.0.0.0',

查看电脑本机的ip
ipconfig

然后在手机的浏览器上打开 http://192.168.0.108:8088。(我的vue项目在本地打开是8088端口,要更改为自己相对应的端口)

  1. 电脑端手机端解析的图片不一样
    <img v-lazy="image.content" />
    拿到的图片数据
    http://122.10.100.244:7001/download?fileName=2b56f1b6-b80d-4ef9-888e-a25980aeef77.jpg
    将它放到网站上查看,直接跳转到下载的步骤
    错误原因:download?fileName=2b56f1b6-b80d-4ef9-888e-a25980aeef77.jpg
    指定跳转下载地址

此时,电脑端的界面是没有办法查看的
看到上面使用vue项目运行到模拟器.....图片是加载成功显示 的

  1. 遇到一个样式问题
    为了追加一个竖线样式
    [我可真是个小机灵鬼呐~]


  2. 背景颜色
    将背景颜色灰色变成白色


  3. Vue实例
    beforecreate : 可以在这加个loading事件,在加载实例时触发
    created : 初始化完成时的事件写在这里,如在这结束loading事件,异步请求也适宜在这里调用
    mounted : 挂载元素,获取到DOM节点
    updated : 如果对数据统一处理,在这里写上相应函数
    beforeDestroy : 可以做一个确认停止事件的确认框
    nextTick : 更新数据后立即操作dom
    // 实例挂载被修改
    beforeUpdate() {}

8.vant版本低


最初使用2.0.9版本的vant
想要使用嵌套必须升级版本才能支持
npm install vant

相关文章

  • Vue开发新手遇坑

    Vue开发新手遇坑总结自己开发vue遇到的坑。 a里面不会传href解决:href签名加个v-bind: vue打...

  • vue遇坑-第一章

    webpack-dev-server 不是内部 外部命令错误原因 : 执行命令 npm run dev实际执行解决...

  • VUE系列-Mint框架使用

    vue-cli之Mint框架使用遇坑记 (会不定时更新) Mint框架 --由饿了么技术团队研发为vue量身定做,...

  • H5踩坑记录

    flex坑 水平居中 vue坑 vue组件 vue-awesome-picker 组件的使用vue-awesome...

  • vue/cli

    vue3入坑 加速github的访问 vue-cli的坑 vue/cli 官网Vue CLIvue cli 的包名...

  • Glide遇坑记---Glide与CircleImageView

    Glide遇坑记之背景API性能 Glide遇坑记之阐述 Glide遇坑记之分析Glide源码分析(一)Glide...

  • Glide遇坑记---Glide与CircleImageView

    Glide遇坑记之背景API性能 Glide遇坑记之阐述 Glide遇坑记之分析Glide源码分析(一)Glide...

  • vue入坑ing

    vue入坑ing

  • vue踩过的坑

    vue踩过的坑

  • vue项目代建遇坑总结

    webpack配置问题总结 1.mock数据的做法,看的项目是在webpack 1 的结构上做的mock数据。现在...

网友评论

    本文标题:vue遇坑-第一章

    本文链接:https://www.haomeiwen.com/subject/hlwpactx.html