如何根据位置显示不同样式logo

<div class="content">     <header class="menu">         <div class="logo-box"&
阅读全文

vue项目图片路径问题

vue项目图片路径问题一般情况下我们为了能在本地显示效果,写图片路径会直接这样写,但是在实际中图片一般都是动态上传的,所以,在vue中一般是这样的:但是这样你会发现,图片根本显示不出来,只是显示了个图片的图标。 后来发现通过require了路径之后可以正常显示。但是这样感觉还是不太好,因为我不想声明怎么多变量。于是就成了这样:先把图片通过import导入,前面的../../直接改成&nb
阅读全文

Vue 首屏空白加载时间长,增加loading动画

1.在vue项目的public/index.html文件中添加以下代码,项目启动时进行加载loading动画<head> <style>     #preloader {       position: fixed;   &nb
阅读全文

vue cli3.x打包更新版本,浏览器缓存问题

问题: 每次打包更新版本发到服务器上,导致偶尔会出现不能及时更新最新代码,浏览器存在缓存的问题。总不能让用户打开新的无痕窗口吧。解决: 我们可以在打包的文件名中添加一个版本号以便浏览器能区分。1.找到vue.config.js(vue cli3.x生成的项目默认没有这个文件,需要自己创建)2.添加如下代码// 时间戳保证不会版本重复 const Timestamp 
阅读全文

vue禁止在控制台编写输出语句(console,alert)

  • Jsky
  • 2021-05-09 18:35:36
  • 前端
在main.js中添加下面代码if(process.env.NODE_ENV !== 'development'){   console.log = function(){}   alert = function(){} }
阅读全文

font-awesome 和 element 图标列表

font-awesome 4.7.0 图标列表 和 element 图标列表  js文件 点击下载
阅读全文

element table 树形数据 折叠 展开

<el-table :data="tableData" row-key="label" default-expand-all           :tree-props="{children: '
阅读全文

html强制使用极速模式,不使用兼容模式

<!--360浏览bai器强制进入极速du模zhi式--><meta name="renderer" content="webkit"><!--360兼容dao--><meta name="renderer" content="ie-comp"><!--360标准-
阅读全文

html中引入单独js文件,js中使用vue

$(document).ready(function () {     new Vue({         el: "#app",        
阅读全文

elementUI Table的行合并通用方法

有些业务需求是需要table进行行合并的,所以就写了个通用的方法来处理,废话不多说,先上图首先是内部使用el-table的方法:span-method='objectSpanMethod'data() {   return {     table: [{   &nbs
阅读全文