学习- vue 中 API $attr 用法
摘要：2.4.0新增 定义：包含了父作用域不作为 prop 被识别（且获取）的 attribute 绑定（ class 和 style 除外）。当一个组件没有声明任何 prop 时，这里会包含所有父作用域的绑定（除class 和 style 除外），并且可以通过 v-bind="$attrs" 传入内部组
阅读全文
posted @
2023-02-07 15:15
法老的微笑
阅读(61)
推荐(0) 编辑
学习-Vue2-Vue实例-数据与方法-Object.freeze()
摘要：Object.freeze()，会阻止修改现有的property，意味着响应系统无法再追踪变化 代码示例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible
阅读全文
posted @
2023-01-10 16:37
法老的微笑
阅读(82)
推荐(0) 编辑
学习-Vue2-Vue实例-数据与方法-数据的响应式
摘要：当一个实例被创建时，它将data对象中的所有的property加入到Vue的响应式系统中。 当这些property的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。当这些数据改变时，视图会进行重渲染。值得注意的是只有当实例被创建时就已经存在于data中的property才是响应式的。 <!D
阅读全文
posted @
2023-01-10 16:03
法老的微笑
阅读(69)
推荐(0) 编辑
日常开发记录-vue 中小写金额转换为大写金额
摘要：vue中小写金额转换为大写金额 模板： <div class="total"> <span style="width:10%;display:inline-block; margin-left:10%">总金额：</span> <span style="width:40%;display:inlin
阅读全文
posted @
2022-09-13 10:44
法老的微笑
阅读(189)
推荐(0) 编辑
日常开发记录-点击按钮触发 close 方法关闭当前路由页面，跳转列表页
摘要：关闭当前路由，跳转其他页面 close() { // 返回上级路由并关闭当前路由 this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item
阅读全文
posted @
2022-09-13 09:50
法老的微笑
阅读(266)
推荐(1) 编辑
日常开发记录-vue 子组件中的方法调用
摘要：当父组件中想要调用子组件里的方法时，使用 this.$refs["myTable"].方法名() 即可，不能只在组件外部调用接口获取数据，而不去触发子组件内部的方法，因为会导致无法使数据刷新。
阅读全文
posted @
2022-07-11 14:10
法老的微笑
阅读(85)
推荐(0) 编辑
日常开发记录-vue 中强制更新 $forceUpdate
摘要：如果你需要在 Vue中强制更新，那么99.99% 的情况下，你已经在某个地方犯了错误。例如，你可能依赖于 Vue 响应性系统未跟踪的状态，比如在组件创建之后添加了 data 属性。
阅读全文
posted @
2022-07-04 17:07
法老的微笑
阅读(88)
推荐(0) 编辑
日常开发记录-请求和响应拦截器
摘要：一、request 请求拦截器 import axios from 'axios'; import { Message, MessageBox } from 'element-ui'; import router from '@/router/index'; // 创建axios实例 var bas
阅读全文
posted @
2022-07-04 16:14
法老的微笑
阅读(504)
推荐(1) 编辑
日常开发记录-文件导出打不开
摘要：文件导出后，打不开，非后端问题 export const testAPI = () => { return request({ url: '/api/test/changeData', methods: 'post', // 如果导入接口忘记写下面两行代码，会导致导出的文件打不开 responseT
阅读全文
posted @
2022-06-27 17:07
法老的微笑
阅读(103)
推荐(0) 编辑
日常开发记录-vue-router跳转
摘要：this.$route.push("目标路由地址") push跳转原页面不关闭，打开新的页面。
阅读全文
posted @
2022-06-23 12:05
法老的微笑
阅读(18)
推荐(0) 编辑
日常开发记录-elementUI树形控件节点过滤
摘要：<template> <div> <el-input placeholder="输入关键字进行过滤" v-model="filterText"> </el-input> <el-button type="primary" @click="click">查询</el-button> <el-tree
阅读全文
posted @
2022-06-21 21:58
法老的微笑
阅读(481)
推荐(0) 编辑
日常开发记录-问题判断
摘要：找不到删除文件 检查看是不是id没有传对 参数 路径 请求方式 没有问题 那就不是前端的问题 可以找后端了 还是要先多找找自己的原因
阅读全文
posted @
2022-06-15 18:54
法老的微笑
阅读(5)
推荐(0) 编辑
日常开发记录-查看本机IP属性
摘要：cmd--打开命令提示符黑窗口 ipconfig命令查看 另起一个窗口运行vue项目 npm run dev:proxy 192.168.2.×××:8081
阅读全文
posted @
2022-06-05 15:23
法老的微笑
阅读(90)
推荐(0) 编辑
日常开发记录--父子组件通信，当父组件传的值为null或undefined时报错
摘要：父组件About.vue <template> <div class="about"> <h1>Today is not easy,</h1> <h1>Tomorrow is more difficult,</h1> <h1>But the day after tomorrow will be wo
阅读全文
posted @
2022-05-30 15:47
法老的微笑
阅读(204)
推荐(0) 编辑
日常开发记录--Vue.config.productionTip = false
摘要：Vue.config.productionTip = false // 阻止启动生产消息 若为true时，控制台会多输出一条tips提示
阅读全文
posted @
2022-05-30 15:17
法老的微笑
阅读(195)
推荐(0) 编辑
日常开发记录--elementUI中的el-select下拉框多选显示的文本内容过长导致显示溢出框外
摘要：el-select 选中内容溢出框外解决方案： // my是自己创建的最外层类名 提高样式权重 .my { .el-tag { width: 100%; } .el-select__tags-text { display: inline-block; max-width: 98%; overflow
阅读全文
posted @
2022-05-26 10:18
法老的微笑
阅读(2223)
推荐(0) 编辑
日常开发记录--使用element ui select下拉框多选，编辑状态下回显数据
摘要：<template> <div> <el-select v-model="value1" multiple // 控制多选的属性 :multiple-limit="1" // 限制多选的数量 默认0不做限制 placeholder="请选择"> <el-option v-for="item in o
阅读全文
posted @
2022-05-24 22:25
法老的微笑
阅读(1238)
推荐(0) 编辑
