VUE防止多次点击，重复请求
摘要：1.添加自定义文件 preventReClick.js import Vue from 'vue' const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEv
阅读全文
posted @
2023-06-25 14:24
阿宇爱吃鱼
阅读(304)
推荐(0) 编辑
vue中禁止浏览器刷新和鼠标右键事件
摘要：created() { this.stopF5Refresh(); }, stopF5Refresh() { document.onkeydown = function(e) { var evt = window.event || e; var code = evt.keyCode || evt.w
阅读全文
posted @
2023-06-25 14:18
阿宇爱吃鱼
阅读(491)
推荐(0) 编辑
Element UI 中国省市区级联数据
摘要：1.下载：npm install element-china-area-data -S 2.按需导入：import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, Text
阅读全文
posted @
2023-06-25 14:15
阿宇爱吃鱼
阅读(331)
推荐(0) 编辑
el-table表头居中内容左对齐 及 自定义表格新增编辑表格不刷新的问题。
摘要：一、居中内容左对齐 <el-table :header-cell-style="{ 'text-align': 'left' }"> ... <el-table-column :cell-style="{ 'text-align': 'left' }"> ...</el-table-column>
阅读全文
posted @
2023-06-25 14:08
阿宇爱吃鱼
阅读(769)
推荐(0) 编辑
element表格多选改为单选，且去除表头的多选框
摘要：一、利用el-table自带方法selection-change（当选择项发生变化时触发该事件） 关键代码： this.$refs.serialnoTable.clearSelection() this.$refs.serialnoTable.toggleRowSelection(val.pop()
阅读全文
posted @
2023-06-25 13:55
阿宇爱吃鱼
阅读(2051)
推荐(0) 编辑
vue中(input组件)textarea文本提交到后端数据库，前端输出保存换行回车及修改显示
摘要：1.修改css中white-space属性为“pre-warp” 在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示，取值有： normal：默认，忽略文本中所有的空白、换行符；只有文本存在 <br> 或文本达到框的约束时，文本才会换行 nowrap：和nor
阅读全文
posted @
2023-06-02 16:34
阿宇爱吃鱼
阅读(734)
推荐(0) 编辑
在项目中，遇到VUE父子组件的传参问题，父组件传参给子组件，子组件在CREATED和MOUNTED等生命周期中获取不到，也无法使用父组件传递过来的参数。
摘要：在项目中，遇到VUE父子组件的传参问题，父组件传参给子组件，子组件在CREATED和MOUNTED等生命周期中获取不到，也无法使用父组件传递过来的参数。 父组件传参，一般分为两种情况： 1、父组中的原始数据 (即定义在父组件data中的原始数据),传输给子组件使用，子组件在生命周期中是可以获取并使用
阅读全文
posted @
2023-06-02 16:03
阿宇爱吃鱼
阅读(604)
推荐(0) 编辑
vue 项目中 axios 的封装
摘要：一、安装axios npm install axios; 二、引入 src目录中，新建一个request文件夹，然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios，api.js用来统一管理我们的接口。 // 在http.js中引入axios impor
阅读全文
posted @
2023-06-02 15:57
阿宇爱吃鱼
阅读(23)
推荐(0) 编辑
