![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue+element
除了菜还是菜
Never wasting an hour, never letting one moment go cold.
展开
-
vue路径中“@/“代表什么
路径中"@/"代表什么原创 2023-10-24 16:19:20 · 891 阅读 · 0 评论 -
Vue中$refs 使用详解
vue $refs原创 2022-10-09 02:42:43 · 1378 阅读 · 0 评论 -
vue中let _this=this作用
//vue 变量 isclick: true,//定时器3秒后将isclick改为falsesetTimeout(function(){ this.isclick = false; },3000);//打印this.isclick依然是true;let _this=this作用:正常我们要获取vue变量或方法的时候,就使用this,但是在一些用到回调函数的时候,this指的就不是vue变量,而是回调函数本身,普通函数的this指向调用它的那个对象,所以在一开始的时候,先定义_this=thi原创 2022-05-21 00:23:39 · 1002 阅读 · 0 评论 -
vue + element-ui中的$confirm的使用
vue + element-ui中的$confirm的使用原创 2021-09-26 14:32:05 · 2603 阅读 · 0 评论 -
IDEA中Vue的安装和使用
一、准备工作首先要搭建环境,搭建Vue的环境工具:node.js,然后再用node.js里面的npm(包管理和分发工具)来安装依赖包。二、安装node.js(在这里就不展示安装步骤,请看node.js安装详情)三、先创建一个项目,右击项目打开Terminal如图四、安装npm的阿里镜像,原生npm下载依赖包过慢,镜像可以提高下载效率。指令:npm i -g cnpm --registry=https://registry.npm.taobao.org五、安装Vue的脚手架工具指令:npm原创 2021-07-29 14:18:51 · 651 阅读 · 0 评论 -
vue中的v-if和v-show的区别
v-if和v-show的区别简单来说,v-if 的初始化较快,但切换代价高;v-show 初始化慢,但切换成本低1.共同点v-if 和 v-show 都可以动态地显示DOM元素2.不同点(1)手段:v-if 是动态的向DOM树内添加或者删除DOM元素;v-show 是通过设置DOM元素的display样式属性控制显隐;(2)编译过程:v-if 切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件;v-show只是简单的基于css切换;(3)编译条件:v-i原创 2020-11-23 14:48:09 · 158 阅读 · 0 评论 -
vue+elementUI 不验证input中输入空格问题
element中自带的表单必填项校验不能去除空格,此时若输入空格,required: true验证还是可以通过。若想正确校验需要去除字符两边的空格。在v-model加上.trim就可以解决。但v-model.trim只适应字符中间没有空格的情况,若字符中间需要空格就有问题一、未加.trim()<el-form :rules="rules"> <el-form-item label="姓名" prop="name"> <el-input size=原创 2021-02-26 15:24:18 · 1522 阅读 · 1 评论 -
VUE+element-ui使用rules在提交时对form表单进行校验
步骤1.配置el-form在你的form表单中增加rules的配置,如<el-form ref="addFrom" :rules="rules" :model="addFrom" label-width="120px"> ...</el-form>2.配置el-form-item在对应的字段增加prop属性,如(注意此处prop属性要跟步骤3对应)<el-form ref="addFrom" :rules="rules" :model="addFrom" la原创 2021-02-19 14:48:35 · 4753 阅读 · 0 评论 -
vue+element解决第二次打开页面,显示的是上一次关闭之前的的数据问题
重置表单可解决表单数据缓存的情况,每次打开dialog或者切页面时候,先清空表单和验证,保证每次表单都是干净的方法://formName为表单的ref值this.$refs[formName].resetFields();原创 2021-01-29 10:29:06 · 4356 阅读 · 1 评论 -
vue+element实现在多选框选入其中某个值时显示一个输入框
思路:当点击多选框是触发事件,在事件中判断,选择的值中是否有那个选择之后发生改变的值,如果有就展示那个输入框,否则不展示效果图如下:选中输入框显示效果图如下:不选中输入框不显示代码实现://多选框代码(@change="warrantNameChange":当多选框变化时触发的事件)<el-col :span="11" :offset="0" > <el-form-item label="XXX" prop="warrantName"原创 2021-01-26 11:18:31 · 4872 阅读 · 1 评论 -
vue element提交表单时把el-checkbox多选框选中的值传入后台的方法
方法一:代码实现:<el-row type="flex" class="row-bg"> <el-col :span="11" :offset="0" > <el-form-item label="地点" prop="warrantName" label-width="150px"> <el-checkbox-group v-model="wa原创 2021-01-25 21:34:52 · 5615 阅读 · 1 评论