随笔分类 - vue相关 / vue2
vue经常用到的汇总
摘要：将js文件放在public文件夹下面 在index.html文件下引入js文件 在前面加<%= BASE_URL %>后面加路径，如果想将本地js文件打包之后也放在static/js文件夹下，需要在public文件夹下创建一个和打包之后文件放的位置一样的文件夹 <script src="<%= BA
阅读全文
摘要：``` // html ``` ``` // js export default{ name : 'blog-header', data(){ return{ isPC:true, // 大图片 qall: '../../static/image/土味.jpg', qallBig: '../../s
阅读全文
摘要：``` methods: { //点击调用上传方法 async handleUpload(row) { try { let fileList = await this.getFile("", true); // 参数1：选取文件类型如.pdf、.png、.doc文件，参数2、是否多选 console
阅读全文
摘要：Prop 校验 ``` export default { props: { // 基础类型检查 //（给出 `null` 和 `undefined` 值则会跳过任何类型检查） propA: Number, // 多种可能的类型 propB: [String, Number], // 必传，且为 St
阅读全文
摘要：### 使用场景： 有些场景会需要在两个组件间来回切换，比如 Tab 界面： 我们可以通过 Vue 的` ` 元素和特殊的 `is` attribute 实现的：如 ``` ``` 在上面的例子中，被传给` :is `的值可以是以下几种： * 被注册的组件名 * 导入的组件对象 你也可以使用 `is
阅读全文
摘要：# vue中hook的两点使用 ## 1. 在同一个组件中 例如：在mounted中添加一个监听需要在beforeDistroy中移除这个监听，考虑到某些原因你不想再写个beforeDistroy去实现，这时候绿巨人hook就该登场了 ``` mounted () { window.addEvent
阅读全文
摘要：# 全局修饰符 ## 使用场景： 在一些需要对某些事件进行阻止默认事件或者冒泡等等类似的操作的时候，就需要进行一定的处理，Vue 为 v-on 提供了事件修饰符。修饰符是用 . 表示的指令后缀。包含以下这些： ``` .stop // 阻止事件冒泡 .prevent // 阻止浏览器的默认事件 .s
阅读全文
摘要：``` const path = require("path"); function resolve(dir) { return path.join(__dirname, dir); } const port = 8080; // 端口号 const IS_PRODUCTION = process.
阅读全文
摘要：## 问题描述： 在项目开发有些时候，通过npm下载node_modules依赖后会出现个别依赖有问题，在开发和打包过程中需要修改node_modules中的依赖，但是这样是治标不治本的，等到下次重新获取依赖的时候本次修改的依赖会重新获取，导致修改的依赖需要重修修改。为解决这一问题，我们需要给nod
阅读全文
摘要：TableRowEdit.vue <template> <div> <ux-grid ref="tableEdit" :data="tableData" tooltip-effect="dark" show-overflow="tooltip" :cell-style="{'text-align':
阅读全文
摘要：实现效果：使用鼠标点击分割线拖动，可实现左右展示框宽度（也可修改为高度）的变化，如下图 1、封装组件 首先需要封装按钮点击的这条线，计算鼠标点击后滑动的距离： <template> <div ref="rightResize" class="right-resize"> <i ref="rightR
阅读全文
摘要：1、watch监听 watch:{ '$store.state.orgid'(){ alert('orgid改变') } },
阅读全文
摘要：## 1、一般用法 **父组件：** ``` // 写法1 provide(){ // 使用函数的形式，可以访问到 `this` // 如果我们需要提供依赖当前组件实例的状态 (比如那些由 data() 定义的数据属性)，那么可以以函数形式使用 provide // 然而，请注意这不会使注入保持响应
阅读全文
摘要：1、为什么刷新页面vuex的数据会丢失 刷新页面vuex的数据会丢失属于正常现象，因为JS的数据都是保存在浏览器的堆栈内存里面的，刷新浏览器页面，以前堆栈申请的内存被释放，这就是浏览器的运行机制，那么堆栈里的数据自然就清空了。 第一种方法用sessionStorage 将接口返回的数据保存在vuex
阅读全文
摘要：请求类型 responseType: "blob", axios({ methods: "get", url: url, params: { contractId: this.contractId, }, responseType: "blob", }).then((res) => { const
阅读全文
摘要：项目上线后，浏览器出现白屏在控制台报错找不到文件，如下： 但是在强制刷新后，页面显示恢复正常，报错也消失，由此判断可能是浏览器缓存的问题， 经查询相关资料，找到以下几种清除缓存的方式 一、修改根目录index.html 在 head 里面添加下面代码 其中meta的作用 <meta http-equ
阅读全文
摘要：vue+elementui table表格递归生成多级表头 前言 1.tableView.vue 2.tableItem.vue(子组件) 3.columnItem.vue(递归组件) 如图所示 前言 近期在写一个后台管理系统的项目,需要表格动态生成多级表头,项目中使用了递归组件,自己总结一下加深记
阅读全文
摘要：# 1.介绍 > 插槽就是子组件中的提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的``标签。通俗的说是：slot 是在父组建控制了子组件显示或隐藏相关内容。 **插槽又分为三种，1.普通插槽 2.具命插槽 3.作用域插
阅读全文
摘要：动态生成 form 表单组件 <template> <div class="form"> <el-form ref="formDom" :model="formData" :inline="inline" :label-width="labelWidth" :label-position="labe
阅读全文
摘要：先说下原因： 计算机把小数转换成二级制，会出现无限循环的情况。再把无限循环的二级制转化成十进制的时候，变成了一个无限循环的数字。在处理双精度浮点数的小数部分最多支持 52 位，所以转换成十进制之后，就出现了很多位小数的存在。 // 封装方法utilsSum.js export default { /
阅读全文
