yuyu_2019的博客

【代码】上传图片转base64。

加上 publicPath: ‘…

【代码】vue导出excel。

【代码】vue 导入excel。

修改某条数据后，强制更新视图。

router/index.js加metaroutes: [ { path: '/login', name: 'login', component: login }, { path: '/list', name: 'list', component: list, meta: { title: 'list', requireAuth: true, // 添加该字段，表

1）static文件夹下新建配置文件host.jswindow.host = { "host": "https://www.jyzngc.cn"}2）index.html下引入js文件3）组件引用该hostapiHost: window.host.host + ':8086', //（单设备在线时长）

:class="[ {alarm:item.status==='start'}, {cancel:item.status==='stop'}]">

从detail页面跳转到login页面的时候，login页面刷新一下写在router/index.js里{ path: '/', name: 'detail', component: detail, meta: { title: '智慧用电管理平台' }},{ path: '/login', name: 'login', component: login, beforeEnter: (to, from, next) => { // 路由守卫

获取dom元素高度的时候，发现是0要加上$nextTick确保dom元素都加载完毕了mounted: function () { this.$nextTick(() => { })}获取距离屏幕可视高度getBoundingClientRect()<div class="tab-main" ref="tabMain"></div> let screenHeight = window.innerHeight // 屏幕高度let

子组件直接修改父组件传过来的值是会报错的子组件不能直接修改父组件传过来的值子组件可以给父组件发送一个消息（子传父）父组件接收到这个消息后由父组件去修改这个值

问题：想把mac那个参数，传到.then回调的方法里解决 .then(res => { this.getAlarmDataSucc(res, mac) }) getAlarmDataSucc (res, mac) {

<div class="top" ref="top">mounted () { let topHeight = this.$refs.top.offsetHeight // 头部高度 console.log(topHeight)}

今天写代码的时候发现数据变更了，但是视图没有更新百度了一下发现vm.items[indexOfItem] = newValue 是监测不到的特意写了一个页面验证一下，确实是监测不到的输出然后发现，视图要响应数组的改变需要push()pop()shift()unshift()splice()sort()reverse()<template> <!-- 验证vm.items[indexOfItem] = newValue是否真的无效 --> <d

data () { return { windowHeight: window.innerHeight }}mounted () { window.onresize = () => { this.windowHeight = window.innerHeight }}watch: { 'windowHeight': function (newVal, oldVal) { //监听屏幕宽度变化 this.windowHe

url：http://localhost:8080/#/test?session=AE6E96A890C53461629EA4AEA8A9B5A2&levelvalue=%25E4%25B9%259D%25E4%25BA%25AD%25E4%25B8%25AD%25E9%2598%259F&scopelevel=detachmentlet session = decodeURI(this.$route.query.session)let levelvalue = decodeURI(t

<div class="radio-div" v-for="(item,index) of bjtjRadio" :key="index" @click="bjtjChangeValue(index)"> <span class="radio"><span :class="{liang:index===activeRadio}"></span></span> <span>{{item.text}}</span>

<script>import imgMobIconGray from '@/assets/images/SafetyWarningLinkagePlatform/shexiangtou-gray-icon-24.png'export default { name: 'Test', components: { }, data () { return { mobMarkers: [ { id: '01',

HTML<template> <div> <ul class="lb"> <li v-for="(item, index) in list" :key="index">{{item}}</li> </ul> </div></template>JS<script>export default { name: 'test', da

<textarea ref="textarea">尝试百度寻找问题。本地配置的iis，纯ie可以正常访问。放到服务器上，iis配置后访问，IE报“缺少标识符”，“缺少标识符、字符串或数字”</textarea>mounted () { let refs = this.$refs.textarea for (var i = 0; i < refs.l...

1）一级循环<ul> <li v-for="item of list" :key="item.id">{{item.text}}</li></ul>data () { return { list: [ { id: '001', text: 'a' }, { id: '002', text: ...

1）打开iconfont官网，找到自己喜欢的图表2）添加入库->添加至项目3）下载至本地4）把下载下来的文件夹放入项目下的asstes文件夹5）在main.js中引用import './assets/iconfont/iconfont.css'6）使用<i class="iconfont icon-close"></i>...

1、安装babel-polyfill包；npm install babel-polyfill --save-dev2、在main.js文件中引入babel-polyfill；import 'babel-polyfill'3、修改webpack.base.config.js的entryentry: { app: ['babel-polyfill', './src/main.js']...

写法一this.$axios({ method: 'get', url: '/initTime'}).then((res) => { console.log(res)})写法二this.$axios.get('ycxflzws/lzWebService.asmx/idx_getcommunity',{ params: { 'username': this...

index.vue<button @click="goLogin">跳登录页</button>goLogin: function () { this.$router.push('/Login') // 路由跳转}login.vue<button @click="goHome">跳首页</button>goHome: functio...

props: ['rankName', 'rankRate', 'dateTime'],watch: { rankRate: { handler (newValue, oldValue) { this.rankRate = newValue this.getInfoSucc() // 调用echarts }, deep...