vue
vue
于光yuguang
这个作者很懒,什么都没留下…
展开
-
elementui dialog固定高度
<el-dialog class="dialog" :visible.sync="dialogVisible" top="1%" :title="dialogTitle" @close="handleClose" width="50%" > <div class="el-dialog-div"> //省略其他内容 </div > &.转载 2021-10-20 10:38:38 · 963 阅读 · 1 评论 -
动态el-menu,折叠文字不隐藏、菜单导航折叠后文字不隐藏
1.动态菜单(递归模式)<template> <div> <template v-for="menu in menuTreeData"> <!-- 包含子节点 --> <el-submenu v-if="menu.children" :key="menu.menuUrl" :index="menu.menuUrl"> <template slot="title">原创 2021-09-14 16:04:24 · 4643 阅读 · 1 评论 -
el-cascader配置显示到哪一层级,递归函数
/** * 递归的方式将树形结构处理,如: * this.setDisable(1, this.parentMenuList, 2)// 限制2级以后不可选中 * count: 当前层级 * data: 当前层级的数据 * maxNum: 最多不能超过几级,超过2级,不能选中, */ setDisable(count, data, maxNum) { if (count > maxNum) { //最多几级就写几 ...原创 2021-09-13 14:50:03 · 2033 阅读 · 2 评论 -
vue如何重置data中初始化的数据?
业务场景:在某些特定时刻,我们需要重新利用data中的初始值,但页面一旦经过操作,数据一般都是实时更新之后的,那么如何重置data中的初始值呢?方法一:逐个重新赋值:this.xxx = ""this.yyy = ""....这种方式肯定是能够实现的,但是未免显得有些傻,是吧?再看第二种方法方法二:this.$options.data()在vue中:this.$data 获取当前状态下的datathis.$options.data() 获取该组件初始状态下的data然.转载 2021-09-13 09:38:51 · 1974 阅读 · 0 评论 -
el-input 限制只能输入数字
<el-input size="small" min="0" clearable onkeyup="value=value.replace(/[^\d]/g,'')" type="number" v-model.number="formData.sortNum"></el-input>原创 2021-09-10 17:23:25 · 288 阅读 · 0 评论 -
axios的get和post请求demo
<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css" /> <script src="https://unpkg.com/axio.原创 2021-08-11 15:28:53 · 253 阅读 · 0 评论 -
element ui 输入框不能输入内容
原先代码addUserForm只是一个空对象 <!-- 内容主体区域 --> <el-form :model="addUserForm" :rules="addUserFormRules" ref="addUserFormRef" label-width="70px" label-position="left" > <el-form-item label="用户名" prop=原创 2021-07-06 09:50:28 · 6365 阅读 · 0 评论 -
Vue响应式原理
原创 2021-07-02 09:01:50 · 66 阅读 · 0 评论 -
Vue封装一个自定义插件(Toast插件)
使用效果this.$toast.show(“去计算”);代码index.jsimport Toast from "./Toast";const obj = {};obj.install = function(Vue) { console.log("======"); //1 创建组件构造器 const toastContrutor = Vue.extend(Toast); //2 new的方式,根据组件构造器,可以创建一个组件对象 const t..原创 2021-07-01 16:25:45 · 261 阅读 · 0 评论 -
vue实现购物车功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> table { border: 1px solid #e9e9e9; .原创 2020-12-01 18:09:56 · 2170 阅读 · 0 评论 -
vuevalid-v-for Custom elements in iteration require v-bind key directives.
1、错误截图2、解决办法将v-for其中加上key值,同时后面应包含 :key="key" <el-timeline-item :timestamp="blog.created" placement="top" v-for="(blog,key) in blogs" :key="key"> <el-card> <h4> <router-link :to="...原创 2020-06-04 11:01:38 · 505 阅读 · 0 评论 -
axios在vue中文件上传02
目录1、提交方式1--使用el自定义的action的提交2、提交方式2--使用el的http-request自定义的action的提交3、提交方式3--使用this.$refs去获取1、提交方式1--使用el自定义的action的提交<el-form :model="form" id="upload_form"><el-upload r...原创 2020-04-13 15:08:22 · 520 阅读 · 0 评论