随笔分类 - vue
摘要：this.beginTime="2031-03-20 00:00:00" this.endTime="2031-03-20 00:00:00" this.beginTime=new Date(this.beginTime) this.endTime=new Date(this.endTime) //
阅读全文
摘要：window.location.href = "接口"+接口数据 window.location.href = "${ctx}/versionManagement/export?productDictCode=" +"&activityScheduleId="+value.id
阅读全文
摘要：const data={ name:this.ruleForm.name, startTime:`${this.ruleForm.startTime.getFullYear()}-${this.ruleForm.startTime.getMonth() + 1}-${this.ruleForm.st
阅读全文
摘要：注：使用value-format <el-date-picker class="topfontstyle" v-model="listMain.time" type="daterange" value-format="yyyy-MM-dd HH:mm:ss" range-separator="至"
阅读全文
摘要：1.html原生方法 <marquee>123123</marquee> 2.定时器方法 let paymentPromptText = document.getElementById('paymentPromptText'); // 文本的总宽度 const textWidth=paymentPr
阅读全文
摘要：接口加上： responseType: "arraybuffer", export function postExport(data) { return request({ url: 'http。。。', method: 'POST', responseType: "arraybuffer",//加
阅读全文
摘要：
响应式是什么？Vue 最独特的特性之一～
就是我们在页面开发时，修改data值的时候，数据、视图页面需要变化的地方变化。
主要使用到哪些方法？
用 Object.defineProperty给watcher对象的每一个属性分别定义了get和set。getter负责记录依赖，setter负责数据拦截、对data属性的赋值和修改dom更新。大白话就是通过数据劫持 defineProperty + 发布订阅者模式。
阅读全文
响应式是什么？Vue 最独特的特性之一～
就是我们在页面开发时，修改data值的时候，数据、视图页面需要变化的地方变化。
主要使用到哪些方法？
用 Object.defineProperty给watcher对象的每一个属性分别定义了get和set。getter负责记录依赖，setter负责数据拦截、对data属性的赋值和修改dom更新。大白话就是通过数据劫持 defineProperty + 发布订阅者模式。
阅读全文
摘要：this.$nextTick(() => { let isError = document.getElementsByClassName('is-error') isError[0].scrollIntoView({ // 滚动到指定节点 // 值有start,center,end，nearest，
阅读全文
摘要：vue3和vue2的项目安装基本没太大区别。 1.node安装 方式一：nvm安装node 个人比较喜欢使用nvm控制node版本，切换版本自如。 nvm下载地址：https://github.com/coreybutler/nvm-windows/releases node包下载地址：https:
阅读全文
摘要：element加载原文地址 在原文案例中，提供了表格容器和整页加载的案例，想要在div局部区域内怎么做呢？ 使用div为案例： html中： <div v-loading="loading"></div> data中： loading: true, methods中： startLoading: f
阅读全文
摘要：封装组件： HTML： <el-dialog :title="title" center :visible.sync="visible" :before-close="handleClose" :show-close="false" width="364px" > <span>{{ content
阅读全文
摘要：js： methods: { pickerOptions(date) { return{ disabledDate(time){ console.log(date) return ( time.getTime() < new Date(date).getTime() ); } } }, } html
阅读全文
摘要：普通监听： <input v-model="searchData" @keyup.enter="handerSearch"/> 组件监听： <el-input v-model="searchData" @keyup.enter.native="handerSearch"/>
阅读全文
摘要：1.简单的修改颜色 原样式： 修改后： HTML代码： <el-radio-group v-model="newlyAdded.discount"> <el-radio label="0">工品</el-radio> <el-radio label="1">供应商</el-radio> </el-r
阅读全文
摘要：1.安装 npm install echarts --save 2.引入 全局引入（main.js) import echarts from 'echarts' Vue.prototype.$echarts=echarts//如果报错可以使用 import *as echarts from 'ech
阅读全文
摘要：在mounted中写下： 在页面初始化时，window.onresize 来监听浏览器窗口的变化。在变化时，调用函数，或者直接写业务逻辑。 window.onresize = () => { return (() => { this.$nextTick(() => { this.headHeight
阅读全文
摘要：一 原生用法 style="width: 100%; margin-top: 20px" 二 三元表达式 <a :style="{color:(index==0?arr.conFontColor:'#000')}" :href="con.subTitleHref" target="_self">{{
阅读全文
摘要：1.安装Vue CLI 3 //三选一即可cnpm install -g @vue/cli npm install -g @vue/cli yarn global add @vue/cli 注意： 1.如果安装过旧版的VUE CLI需要先卸载掉 //三选一即可 npm uninstall vue-c
阅读全文
摘要：在选择下拉后出现了下拉无法回显的情况,但是其他输入框一填内容,马上就回显了的情况。 经过排查也并不是下拉框绑定的值有问题,最后是使用了Vue 官方提供了 vm.$forceUpdate() 方法才解决的。此方法的作用是迫使 Vue 实例重新渲染。 解决代码:在对应的select组件增加@change
阅读全文
摘要：基于element二次封装弹出框 一、简单封装Message 在components创建个Message/index.js index.js代码： export function alertOK(msg, title) { this.$message({ type: msg, message: ti
阅读全文
浙公网安备 33010602011771号