Navy

问题：使用css属性 white-space：nowrap 无法让文字一行展示超出隐藏，显示省略号（时好时坏）为保险 我采用用js 先过滤一次需要渲染的数据tansf (e){ let a = e.replace(/[]/g,"") // 去空格 a = a.replace(/[\r\n]/g,"") //去回车 return a }使用：<view>{{tansf(item)}}</view>//<view class="val

计算属性computed : 支持缓存，只有依赖数据发生改变，才会重新进行计算； 不支持异步，当computed内有异步操作时无效，无法监听数据的变化； computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值 如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed 如果computed属性属性值是函数，那么默认会走get方法；函数的返回值就是属

使用watch监听路由变化（当路由发生变化的时候执行）方法一：watch:{ $route(to,from){ console.log(to.path); }},方法二：watch: { $route: { handler: function(val, oldVal){ console.log(val); }, // 深度观察监听 deep: true }},方法三：watch: { '$route':'

创建实例是从外到内的，渲染是从内到外的父beforeCreate>父created>父beforeMount>子beforeCreate>子created>子boforeMount>子Mounted>父Mounted>父beforeUpdate>子beforeUpdeta>子updated>父updated>父beforeDestroy>子beforeDestroy>子destroyed>父destroyed父

vue项目动态表格渲染，表格编辑，上传文件，多个table表格展示等（具体见代码）分享给有需要的家人们页面代码template<template> <div> <el-header style="height:50px"> <el-row :gutter="10"> <el-row type="flex" class="row-bg" justi

vue 组件间通信（父子组件间传参，兄弟组件传参）前言 ：vue 项目中简单可以分为【父向子传参】、【子向父传参】、【组件间传参】，整理后再下面已娓娓道来1.父向子传参老规矩先上图代码：父页面<template> <div class="home" style="background:red"> <h1>父页面</h1><!-- 前面（parentData）自定义名称便于子组件调用，后面（userName）要传递数据

干货 前端rtmp流 视屏监控 在线直播老规矩先看图简洁版（demo)项目实战版(直播&监控）再直接干代码(推荐先把简洁版搞出来，提升信心，在撸项目）这是项目中代码，里面接口因为项目奇葩需求进行特殊封装（下面有简洁版的） <div class="main-chart-container"> <div class="main-top-title" style="margin-bottom:10px;padding-left:1

项目需求：项目中需要实时监听数据变化达到预定值后，会触发报警功能（报警弹窗提示）问题描述：1.前台在不断获取数据时候数据传输过程中，要避免数据一直积累，页面越来越卡；2.该报警功能需要在所有页面中进行监听；解决方案：1.先做出弹框页面的组件<template> <span> <el-dialog title="提示" :visible.sync="dialogVisible" :close-on-click-modal="fa

项目场景：在vue 项目中 使用elementui中的时间选择器时候，我们拿到时间数据不一定是转换后的格式，这时候就需要将时间格式转换后，再向后台传参、请求直接在methods里定义dateFormat(time) { let date = new Date(time); let year = date.getFullYear(); let month = date.getMonth() + 1 < 10 ? "0"

时间控件（组件化可直接导入使用）效果图<template> <div class="LoginClock"> <div class="time">{{time}}</div> <div class="date">{{date}}</div> </div></template>// An highlighted block<script>export defa

vue 项目实现请辞请求之前携带参数（token）import axios from './network/baseRequest' //这里给每次请求封装Vue.prototype.axios = axios// // 发送请求axios.interceptors.request.use( config => { config.withCredentials = true // 允许携带token ,解决跨域产生的相关问题 let token = sessionStorag