前端 - 随笔分类(第4页) - 周文豪

如何控制某个字段在一种情况下要验证，在另一种情况下不验证。

摘要：效果：当菜单类型为目录时当菜单类型为菜单时当菜单类型为按钮时由上可知，上级菜单、菜单图标、菜单路由、页面路径在不同情况下，有时需要验证，有时不需要验证。上代码： <el-form-item label="菜单类型" prop="type"> <el-radio-group v-model= 阅读全文

posted @ 2021-08-05 20:26 周文豪阅读(244) 评论(0) 推荐(0) 编辑

vue的filters过滤器优化

摘要：原来的过滤器是这样子的: filters: { formatType(val){ if (val '1') { return '芳香水剂'; } else if (val '2') { return '溶液剂'; } else if (val '3') { return '注射剂'; } else 阅读全文

posted @ 2021-08-05 15:42 周文豪阅读(143) 评论(0) 推荐(0) 编辑

VueTreeselect使用步骤以及解决vueselectTree显示no sub-options的问题

摘要：官方文档：https://www.vue-treeselect.cn/ 官方示例一、安装建议通过npm安装vue-treeselect npm install --save @riophae/vue-treeselect 二、引入组件和样式 import Treeselect from '@ri 阅读全文

posted @ 2021-08-03 10:42 周文豪阅读(3814) 评论(0) 推荐(0) 编辑

解决图片验证码不显示的问题

摘要：template中代码： <el-col :span="12"> <el-form-item label="图片验证码：" prop="imgCode"> <div style="width:100%;height:40px"> <el-input v-model="edit.imgCode" ty 阅读全文

posted @ 2021-08-02 10:51 周文豪阅读(1238) 评论(0) 推荐(0) 编辑

js方法删除对象的属性和vue方法删除对象的属性

摘要：一、js方法删除对象的属性 let prepareInfo1 = Object.assign({}, row) //删除属性，后台无此属性 delete prepareInfo1.updateTime 二、vue方法删除对象的属性 Vue.delete(prepareInfo1,'updateTim 阅读全文

posted @ 2021-07-09 15:02 周文豪阅读(1348) 评论(0) 推荐(0) 编辑

如何在打开下级对话框时关闭上级对话框

摘要：代码： openCreateDialog(supplyNote, prepareDeliver) { 。。。。。this.dialogVisible = true this.$parent.dialogVisible = false }, this.$parent 可以访问到父组件上所有的 dat 阅读全文

posted @ 2021-07-09 11:36 周文豪阅读(50) 评论(0) 推荐(0) 编辑

如何实现table表格中或对话框中的button按钮有加载中Loading的效果

摘要：一、如何实现table表格中的button按钮有加载中的效果效果：前端代码： <el-table-column label="送货单信息" align="center" width="110"> <template slot-scope="scope"> <el-button slot="ref 阅读全文

posted @ 2021-07-09 09:51 周文豪阅读(1831) 评论(0) 推荐(0) 编辑

vue打印使用插件：vue-print-nb

摘要：先创建一个vue项目，管理员打开cmd，输入命令：vue create project1。创建完成后用IDEA打开项目。一、安装管理员打开cmd，进入项目内，输入如下命令 vue2.x npm install vue-print-nb –save vue3.x npm install vue3- 阅读全文

posted @ 2021-07-08 09:50 周文豪阅读(3686) 评论(0) 推荐(0) 编辑

如何控制el-image预览图片的大小

摘要：使用el-image标签，发现预览图太大，占满了整个浏览器代码如下： <el-image :src="scope.row.carouselUrl" :preview-src-list="scope.row.photo"/> 如何才能控制预览图片的大小呢？如果我想不使用image组件又想使用预览大图阅读全文

posted @ 2021-06-27 12:15 周文豪阅读(8787) 评论(0) 推荐(0) 编辑

vue动态设置背景图片

摘要：原始class属性设置背景样式 .med-brief { width: 100%; min-height: 422px; position: relative; margin-bottom: 20px; background: url("../../assets/img/tanggou.jpg") 阅读全文

posted @ 2021-06-23 10:21 周文豪阅读(6088) 评论(0) 推荐(0) 编辑

vue:axios拦截器

摘要：拦截器分两类：请求拦截器和响应拦截器一、请求拦截器在请求发出之前设置一些信息。比如说设置请求头，在use方法参数即第一个函数的形参中通过config来做信息的配置，配置完之后，必须把config返回，这样才能完成拦截器的功能。第二个函数用于处理错误的信息。用拦截器的方式配置请求头会更加灵活。阅读全文

posted @ 2021-06-22 15:54 周文豪阅读(411) 评论(0) 推荐(0) 编辑

axios的全局配置baseUrl

摘要：在发出请求之前，可以做一些配置信息，这样可以带来一些额外的好处。 1、设置超时时间：请求发出去之后，如果隔了多少时间后台没有响应，前端认为已经出错了，超时了。 2、baseURL：向后台发请求的时候我们可以提前设置一下后台基准的请求地址，这样后面再发请求的时候，只需要写后面的路径就可以了。 // 创阅读全文

posted @ 2021-06-22 09:54 周文豪阅读(6517) 评论(0) 推荐(0) 编辑

Vue：vue-router编程式导航 this.$route.query和this.$route.params

摘要：声明式导航通过标签来实现页面跳转，编程式导航通过调用js的API来实现跳转，在vue中最常见的编程式导航API是push函数和go函数，声明式导航：通过命名路由的name属性，可以实现路由的导航和跳转给路由规则加一个name属性，这样就变成一个命名路由了，这个命名路由可以帮助我们实现路由跳转，阅读全文

posted @ 2021-06-21 16:50 周文豪阅读(1826) 评论(0) 推荐(0) 编辑

Vue.prototype定义原型属性或方法

摘要：每一个vue组件都是Vue的实例，所以组件内this可以拿到Vue.prototype上添加的属性和方法。 Vue.prototype的官方文档介绍：https://cn.vuejs.org/v2/cookbook/adding-instance-properties.html Vue.protot 阅读全文

posted @ 2021-06-21 11:35 周文豪阅读(1787) 评论(0) 推荐(0) 编辑

vue：样式绑定

摘要：处理样式的两种方式：一种是通过类名class来影响标签的样式，另一种是操作标签的style属性来定义标签的内部样式。第一种方式：通过类名class 对于第一种对象语法：如果想要动态的控制样式，通过v-bind来绑定class属性，即v-bind：class，而它的值通过对象的方式控制类名是否显示阅读全文

posted @ 2021-04-01 10:10 周文豪阅读(112) 评论(0) 推荐(0) 编辑

vue项目地址上的#是哪来的？（前端路由的hash模式和history模式）

摘要：效果：原因：这是因为vue是单页面应用的原因，在前进或后退的时候使用这种方式将保持路径的正确性，#是vue的hash模式，这是一种默认的方式。此时router/index.js文件是这样的： import Vue from 'vue' import VueRouter from 'vue-rout 阅读全文

posted @ 2021-03-31 21:14 周文豪阅读(4574) 评论(0) 推荐(0) 编辑

安全漏洞

摘要：一、JavaScript库YUI版本过低（认识vue项目中的index.html文件）原因分析：用npm 安装到项目再通过import引入，由于安装的jsencrypt.js是没有压缩得，里面包含YUI，打包之后会出现这种文件解决办法：jsencrypt.min.js文件中不含有YUI，故可以用阅读全文

posted @ 2021-03-31 14:32 周文豪阅读(2598) 评论(1) 推荐(1) 编辑

uni-app：使用字体图标（iconfont和yticon）

摘要：font-class引用 font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。与unicode使用方式相比，具有如下特点：兼容性良好，支持ie8+，及所有现代浏览器。相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什阅读全文

posted @ 2021-03-29 10:59 周文豪阅读(7555) 评论(0) 推荐(0) 编辑

vue：ES6模块化规范（默认导出、默认导入、按需导出、按需导入）

摘要：ES6模块化规范是浏览器端和服务器端通用的规范，也是前端模块化开发的趋势，每个JS文件都是一个独立的模块。暴露模块成员使用export关键字，导入模块成员使用import关键字通常需要结合babel这个第三方插件在node中来体验高级的ES6特性。在这里babel是一个语法转换工具，可以把高级的阅读全文

posted @ 2021-03-16 09:29 周文豪阅读(3712) 评论(0) 推荐(0) 编辑

随笔分类 - 前端