正文

vue+elementuinpmrunbuild打包之后字体图标丢失问题(代码片段)

web--wq  web--wq  2022-12-06  242

关键词：

解决办法：找到utils.js文件，（大约在50行）加 publicPath: ‘../../‘

技术图片

 // Extract CSS when that option is specified
    // (which is the case during production build)
    if (options.extract) 
      return ExtractTextPlugin.extract(
        use: loaders,
        fallback: ‘vue-style-loader‘,
        publicPath: ‘../../‘   //修改这个地方
      )
     else 
      return [‘vue-style-loader‘].concat(loaders)

参考：https://blog.csdn.net/weixin_41905537/article/details/102556246

vue部署之后可以打开，刷新之后打不开

参考技术A描述：vue部署了之后页面可以正常打开，刷新一下，或URL直接访问某个页面不行。原因：是因为我们路由使用了Hhistory模式，即路由中的配置mode:'history',需要后端配置来配合。解决：vue官网中有详细解释。vue官网... 查看详情

vue打印子组件props的值

参考技术Aprops: htId: String, ,watch: htId: function(newVal,oldVal) console.log(newVal) , 查看详情

吊打面试官系列-58道vue面试题(代码片段)

1.vue优点？2.vue父组件向子组件传递数据？3.子组件像父组件传递事件？4.v-show和v-if指令的共同点和不同点？5.如何让CSS只在当前组件中起作用?6.的作用是什么?7.如何获取dom?8.说出几种vue当中的指令和它的用法？。9.vue-loader是什么... 查看详情

vue<解决ie,edge浏览器打不开问题>

参考技术Avue-cli2.0:在webpack.config.js中加入babel-polyfill到你的入口数组vue-cli3.0:vue.config.js中配置其他：查看详情

vue做的项目在ie下面打开一片空白解决方法

ie浏览器打开报这个错并且页面空白：原因：这是因为浏览器对于部分ES6语法识别不出来导致，所以我们要安装一个插件，把ES6语法转换成IE浏览器可以识别的语法。解决方法：需要安装"babel-polyfill"。然后在入口文件main.js引入&nb... 查看详情

vue2.0做的项目在ie下面打开一片空白？

解决方式：安装"babel-polyfill"即可。命令：cnpminstall--save-devbabel-polyfill 在入口main.js文件引入：import‘babel-polyfill‘最后一步，在build文件夹下找到webpack.base.conf.js. 把上图中的1替换成2即可，如下。module.expo... 查看详情

吊打面试官系列-58道vue面试题(代码片段)

前端经典面试题|吊打面试官系列之vue2和vue3的区别

🖥️前端经典面试题吊打面试官专栏：Vue2和Vue3的区别🧑‍💼个人简介：一个不甘平庸的平凡人🍬✨个人主页：CoderHing的个人主页🍀格言:☀️路漫漫其修远兮,吾将上下而求索☀️👉你的一... 查看详情

vue项目在ie浏览器打不开问题

参考技术A安装babel-polyfill1. npminstall--savebabel-polyfill2. man.js引入 import'babel-polyfill'3. index.html 添加 <metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1">4. b... 查看详情

vue2.0在华为手机自带浏览器和uc浏览器打开白屏的问题

使用vue-cli搭建的项目，PC上火狐和谷歌浏览器打开正常，使用浏览器开发者工具模拟移动端浏览也正常，OPPO坚果真机浏览也正常，但老的华为手机和荣耀手机打开是白屏。在网上查询一段时间后，使用babel-polyfill对ES6语法转成ES5... 查看详情

室友打了一把端游，我入门了vue(代码片段)

快速入门Vue🎃多种选择器🎈class选择器🎈标签选择器🧡data数据对象💛Vue指令✨设置标签的文本值（textContent）✨设置标签的innerHtml（v-html）✨为元素绑定事件（v-on）✨根据表达式的真... 查看详情

关于vue生命周期遇到的坑？？？

问题简述：页面第一次跳转之后，数据可以正常渲染，但第二次进入之后，页面无法正常渲染解决问题：之前开发项目时最常用的是created，其他的基本不用，但是这次组件做了缓存之后，发现页面渲染一次之后，再次打开时不... 查看详情

关于vue生命周期遇到的坑？？？

vue2.0在华为手机等手机自带浏览器打开白屏的问题(代码片段)

使用vue2.0开发的单页面网站, 在华为部分型号(p20也是....),部分安卓手机打开页面是空白;网上的方法是把把es6转为es5,当时我使用的vue-cli,webpack内置babel，会自动转码,排查这种可能性; 根据理解可能是这些浏览器的内核版本... 查看详情

手把手教你读vue2源码-2

...一篇中，我们已经学习了怎么搭建环境和查找入口文件、vue初始化方法这一篇，我们就来学习基本的调试方法，在上篇中，我们已经在test文件夹中创建了一个测试文件，我们在浏览器中打开这个文件1.初始化newVue()test1.html文件中... 查看详情

element-ui弹窗组件再次打开时残留上次打开时的数据

参考技术A原因：vue指令v-if具有缓存效果，上次打开保存的数据依然保留着；解决：在dialog关闭的时候清除数据，可以封装为全局方法：查看详情

vue学习（组件相关）

实现组件三个步骤组件构造器，Vue.extend().这个相当于模板，模板是干什么的呢？理解为你看到的都是这货渲染出来的，它里面有data,template之类的注册组件，Vue.component("name",module)。这货相当于打标签，上一步创建的，他... 查看详情

vue之登录基础交互

1.把VueCLI装起来 https://cli.vuejs.org/zh/2.vuecreatehello-world执行后，很自然就创建了一个实例项目。npmrundev后打开如下界面：3.安装elementUI组件：npmielement-ui-S（https://element.eleme.cn/#/zh-CN/component/installation）4.加载组件至项目，打查看详情