阿宇爱吃鱼 - 博客园

2023年6月25日

摘要： 1.添加自定义文件 preventReClick.js import Vue from 'vue' const preventReClick = Vue.directive('preventReClick', { inserted: function (el, binding) { el.addEv 阅读全文

posted @ 2023-06-25 14:24 阿宇爱吃鱼阅读(315) 评论(0) 推荐(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 阿宇爱吃鱼阅读(531) 评论(0) 推荐(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 阿宇爱吃鱼阅读(480) 评论(0) 推荐(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 阿宇爱吃鱼阅读(932) 评论(0) 推荐(0)

element表格多选改为单选，且去除表头的多选框

摘要：一、利用el-table自带方法selection-change（当选择项发生变化时触发该事件）关键代码： this.$refs.serialnoTable.clearSelection() this.$refs.serialnoTable.toggleRowSelection(val.pop() 阅读全文

posted @ 2023-06-25 13:55 阿宇爱吃鱼阅读(2679) 评论(0) 推荐(0)

2023年6月2日

vue中(input组件)textarea文本提交到后端数据库，前端输出保存换行回车及修改显示

摘要： 1.修改css中white-space属性为“pre-warp” 在css中white-space属性用来控制容器的文本中带有空白符、制表符、换行符等的显示，取值有： normal：默认，忽略文本中所有的空白、换行符；只有文本存在 <br> 或文本达到框的约束时，文本才会换行 nowrap：和nor 阅读全文

posted @ 2023-06-02 16:34 阿宇爱吃鱼阅读(996) 评论(0) 推荐(0)

在项目中，遇到VUE父子组件的传参问题，父组件传参给子组件，子组件在CREATED和MOUNTED等生命周期中获取不到，也无法使用父组件传递过来的参数。

摘要：在项目中，遇到VUE父子组件的传参问题，父组件传参给子组件，子组件在CREATED和MOUNTED等生命周期中获取不到，也无法使用父组件传递过来的参数。父组件传参，一般分为两种情况： 1、父组中的原始数据 (即定义在父组件data中的原始数据),传输给子组件使用，子组件在生命周期中是可以获取并使用阅读全文

posted @ 2023-06-02 16:03 阿宇爱吃鱼阅读(658) 评论(1) 推荐(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 阿宇爱吃鱼阅读(39) 评论(0) 推荐(0)

2023年5月29日

Vue中使用echarts报错

摘要： [Vue warn]: Error in callback for immediate watcher "chartOption": "Error: Initialize failed: invalid dom." Error: Initialize failed: invalid dom. 解决方阅读全文

posted @ 2023-05-29 09:50 阿宇爱吃鱼阅读(139) 评论(0) 推荐(0)