随笔分类 - vue
摘要：分为两种情况 1.把图片放在与src同级的static下 按照正常方式引入： 2.把图片放在assets或其他文件夹下，需要用require解析引入
阅读全文
摘要：<el-input onkeyup.native="inputLimitNegative" > // 写在公共方法里 export function inputLimitNegative (e) { let key = e.key let value = e.target.value let reg
阅读全文
摘要：使用的是window自带的exitFullscreen方法 template: <span @click="screen">全屏</span> data: fullscreen:false, methods: screen(){ // let element = document.documentE
阅读全文
摘要：1.给el-submenu添加一个属性: popper-append-to-body:true 将二级子菜单插入至body，这样做之后需要根据需要添加一些样式 2.给组件最外围添加一个div（暂时使用第一个解决方式没有作用，可能是因为elment-ui版本问题） 这是第一个的尝试，能够使子菜单大致正
阅读全文
摘要：写成一个方法calcMoney data(){ return{ index:-1, // 个人所得税所属的纳税阶段,incomeData:[{incomeTax: "0.5",money: 30000}, {incomeTax: "0.8",money: 66000}, {incomeTax: "1
阅读全文
摘要：<el-input v-model="form.taxation" type="number" :min="0" oninput="if(value<0)value=0"></el-input>
阅读全文
摘要：在router文件夹下的index.js中加入红色字体代码即可解决 import Vue from 'vue'import VueRouter from 'vue-router' Vue.use(VueRouter) const routes = [ { path: '/', name: 'Logi
阅读全文
摘要：https://blog.csdn.net/xudalin/article/details/103158941
阅读全文
摘要：refAge: {type: Number,default: 0},refName: {type: String,default: ''},hotDataLoading: {type: Boolean,default: false},hotData: {type: Array,default: ()
阅读全文
摘要：<template> <div class="test"> <div v-for="(item, index) in arr" :key="index"> <p>姓名：{{ item.name }}</p> <p>年龄：{{ item.age }}</p> <p>爱好：{{ item.like }}
阅读全文
摘要：一、$router和$route的区别 $router : 是路由操作对象，只写对象$route : 路由信息对象，只读对象 例子：//$router操作 路由跳转 this.$router.push({ name:'hello', params:{ name:'word', age:'11' }
阅读全文
摘要：1.和vue的生命周期有关,必须要在从mounted开始拿,才能拿得到里面的Dom元素 2.想在element ui 对话框打开后取dom时，应该使用$nextTick，而不是直接使用this.$refs. imgLocal2： console.log('this.$refs.imgLocal2外面
阅读全文
摘要：<el-dialog title="收货地址" :visible.sync="dialogFormVisible" :modal-append-to-body="false"> 添加 :modal-append-to-body="false"
阅读全文
摘要：如果你获取到的总是空的，你注意一下： 1、你在哪里调用，和你调用的对象 试试在mounted（）里面调用有效果没有 调用的对象是本来就存在的，还是需要数据渲染之后才会出现的，同理，在mounted（）里面调用看看 2、调用对象是不是数组列表 我一开始设置ref在v-for列表上，直接获取this.$
阅读全文
摘要：1.echarts的图表只绘制一次，所以要想大小随着父容器变化就得调方法重新绘制。所以把绘制图表的方法提出来。
阅读全文
摘要：1.在config/index.js中将assetsPublicPath原来的’/‘修改为‘./’。 build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), assetsRo
阅读全文
摘要：1.echarts数据变了但是视图不重新渲染 新建Chart.vue文件 <template> <p :id="id" :style="style"></p> </template> <script> export default { name: "Chart", data() { return {
阅读全文
摘要：按住ctr箭点击element-ui/packages/theme-chalk/src/index";，再按住ctr贱点击col.scss跳转，将跳转到的col.scss中的24换为48（ctr+r）【针对webstorm】
阅读全文
摘要：BUG说明： 鼠标上下方向拖拽，如果松开时鼠标位于悬浮按钮上会默认执行click事件，经验证，click事件与mouse事件的执行顺序为onmousedown =》onmouseup =》onclick,意味着在click事件执行时会与与其相关的mouse事件冲突。 解决方案：因为click事件执行
阅读全文
浙公网安备 33010602011771号