vue
爬楼梯的小新
这个作者很懒,什么都没留下…
展开
-
el-select下拉框:数据回显后,无法重新选中或修改
作用:在Vue官方文档中指出,$forceUpdate具有强制刷新的作用,迫使vue实例重新(rander)渲染虚拟dom,注意它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。作用:vue中的nextTick()是在下次 DOM 更新循环结束之后执行延迟回调,在修改数据之后使用$nextTick(),则可以在回调中获取更新后的 DOM。给el-select 点击事件 @change="getTeacherId" 强制数据刷新。选中其他值以后 数据并没有发生改变 且无法选中。原创 2022-11-15 18:48:20 · 2566 阅读 · 2 评论 -
Vue中this.$router.push(参数) 实现页面跳转
很多情况下,我们在执行点击按钮跳转页面之前还会执行一系列方法,这时可以使用。来修改 url,完成跳转。跳转后 携带id的新页面。原创 2022-09-02 09:20:08 · 3416 阅读 · 0 评论 -
vue+element自动计算天数
就是把值给到this.formData.holidayDays。这个可以直接调用即可。原创 2022-08-31 09:26:21 · 634 阅读 · 0 评论 -
vue-shop 表格中使用树形控件 vue-table-width-tree-grid
一级大家电下面的数据 都是接口返回给我们的 这个样式是组件自身的。这个树形结构有点像iview。2.main.js中注册。原创 2022-08-17 01:22:19 · 469 阅读 · 3 评论 -
把接口里的字符串转化为数组vue-shop商品分类
如果长度为0 也就是说没有数据 返回空数组 如果有数据 就是上面写的分割数组。显示就是要用这个element组件里这个多选框组 需要用数组的形式。然后再把这个三元表达式 赋值给item.attr_vals。运行之后的效果是这样 超长 并不美观。此时接口返回给我们的是字符串。...原创 2022-08-15 11:37:26 · 447 阅读 · 0 评论 -
vue重置表单,resetFields()的使用
2.prop 一定要写 不写resetFields会失效!1.给弹出框一个close。原创 2022-08-08 15:58:18 · 1198 阅读 · 1 评论 -
npm install安装失败解决方法
npm install 下载失败的解决方法。1、手动删除文件node_modules;3、执行npm run dev。原创 2022-08-02 21:19:29 · 1313 阅读 · 0 评论 -
vue插槽 操作或者查看按钮里 如何获取当前行的索引号index
插槽操作或者查看按钮里 如何获取当前行索引号index原创 2022-03-17 10:42:23 · 802 阅读 · 0 评论 -
element自定义校验规则,表单里可用,正则
var checkEmail = (rule, value, callback) => { const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/; if(regEmail.test(value)){ //合法的邮箱 return callback() } callba.........原创 2022-05-18 17:13:29 · 101 阅读 · 0 评论 -
`${}`的用法
用法step1: 定义需要拼接进去的字符串变量step2: 将字符串变量用${}包起来,再写到需要拼接的地方参考地址:原创 2022-06-28 15:29:04 · 1288 阅读 · 0 评论 -
vue身份证正则校验
let regs = /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$)/;if (!this.oldIdCard) { uni.showToast({ title: '请输入身份证号码',.原创 2022-04-29 10:36:20 · 1299 阅读 · 0 评论 -
css样式中width:auto是什么意思
width:auto 表示宽度是可变的,浏览器会自动计算其宽度;根据验证发现,width:auto的计算方式与其定位方式有很大的关系。如果父宽度为100% 但是自身有padding值 则盒子宽度会溢出 (父内容content+padding) 会导致有滚动条如果为auto 则会减去padding值再给子div宽度 (相当于box-sizing:border-box) (虽然可以自动计算 但我觉得样式蛮丑 会导致边框对不齐 还是建议自己给个宽)...原创 2022-06-28 10:27:35 · 4941 阅读 · 0 评论 -
分页样式 flex设置成在尾部显示(即使页数加长 也不会因为在末尾而换行)
分页样式 flex设置成在尾部显示(即使页数加长 也不会因为在末尾而换行)原创 2022-06-24 16:48:52 · 368 阅读 · 0 评论 -
重置vue中的表单数据
方法一:element的resetfields 方法二:vue的thisoptionsdataform方法对form重置方法三:vue的data重置原创 2022-06-24 09:23:32 · 3698 阅读 · 0 评论 -
表格使用template插槽根据接口返回的数据显示不同等级
level是接口里的名称 如namse。原创 2022-05-20 15:13:49 · 288 阅读 · 0 评论 -
vue+js,了解同源策略和跨域,jsonp,防抖和节流
什么是同源策略?是浏览器提供的一个安全功能通俗理解: a网站的js,不允许和非同源的c网站之间,进行资源的交互如,无法读取非同源网页的cookie,localstorage无法接触非同源的dom 无法向非同源地址发送请求......原创 2022-05-09 11:29:27 · 134 阅读 · 0 评论 -
vue+element实现登录预验证和重置信息
<el-form-item> <el-button type="primary" size="small" @click="login">登录</el-button> <el-button type="info" size="small" @click="resetLogin">重置</el-button> </el-form-item>关于elem......原创 2022-03-25 17:21:25 · 310 阅读 · 0 评论 -
vue中如何显示图片
<template> <div class="login"> <div class="login_box"> <div class="img"> <img :src="imgUrl" alt="" srcset="" /> </div> </div> </div></template><script>import im.原创 2022-03-25 14:45:50 · 6585 阅读 · 1 评论 -
windows系统安装脚手架vue2.0版本
windows系统安装脚手架vue2.0版本原创 2022-03-25 10:01:35 · 399 阅读 · 0 评论 -
了解ref和$refs的基本使用
了解ref和$refs的基本使用原创 2022-03-11 13:30:25 · 172 阅读 · 0 评论 -
了解vue中的watch侦听器和deep深度监听
了解vue中的watch侦听器和deep选项,如何深度监听对象原创 2022-03-11 10:15:07 · 3438 阅读 · 0 评论 -
vue中如何获取input输入的值并新增添加到表单中
vue中如何获取input输入的值并新增添加到表单中原创 2022-03-10 18:04:03 · 3844 阅读 · 0 评论 -
this.$router.push(),路由传值 跳转到不同的url地址
this.$router.push(),路由传值 跳转到不同的url地址转载 2022-03-07 10:17:13 · 1380 阅读 · 0 评论 -
在vue中使用echarts的方法
在vue中使用echarts的方法原创 2022-03-03 14:48:23 · 571 阅读 · 0 评论 -
修改element内置样式-包含行内样式
修改element内置样式-包含行内样式原创 2022-02-28 09:33:17 · 1778 阅读 · 0 评论 -
vue+element组件table表格表头内容居中样式
vue+element组件table表格表头内容居中原创 2022-02-25 17:41:35 · 974 阅读 · 0 评论 -
vue+element,保留表单上次输入的值并进行修改(shj
vue+element,保留表单上次输入的值并进行修改(shj原创 2022-02-18 10:25:46 · 3360 阅读 · 0 评论 -
vue组件中,修改表单中上次输入的值
vue组件中,修改表单中上次输入的值原创 2022-02-18 10:03:07 · 1130 阅读 · 0 评论 -
element,编辑表单的状态(可修改表单及不可修改表单)shj
不点编辑的时候 表单默认设置true 禁用,点了编辑后 表单禁用取消 可以修改账户的密码 再点确定之后 即回复第一张图状态原创 2022-02-17 13:55:37 · 6799 阅读 · 0 评论 -
vue中v-on如何传值,如何获得e对象
vue中v-on如何传值,如何获得e对象原创 2022-02-16 17:05:37 · 742 阅读 · 0 评论 -
vue中v-model.trim的作用
.trim 自动过滤输入内容最开始 和 最后的 空格,中间的会保留一个空格,多的会被过滤掉原创 2022-02-16 14:26:26 · 2046 阅读 · 0 评论 -
vue3.0路由vue-router的安装和配置
vue3.0路由vue-router的安装和配置原创 2022-02-14 18:42:56 · 1749 阅读 · 0 评论 -
vue如何使用keep-alive进行缓存数据
vue学习动态组件和在组件上使用keep-alive原创 2022-01-30 17:07:15 · 824 阅读 · 0 评论 -
vue简单版购物车案例,点击按钮加减计算勾选价格
<template> <div id="app"> <div v-for="item in shop" :key="item.id" class="box"> <input type="checkbox" @change="checkChange(item)" :checked="item.checked"/> 序号:{{ item.id }} 商品名...原创 2022-01-30 15:37:58 · 1551 阅读 · 0 评论 -
vue中插槽solt的使用
vue中插槽solt的使用原创 2022-01-29 15:05:15 · 2122 阅读 · 0 评论 -
vue全局注册组件学习教程
vue全局注册组件学习教程原创 2022-01-29 14:35:30 · 110 阅读 · 0 评论 -
vue通过props给子组件传值,在组件上使用v-model指令
vue通过props给子组件传值,在组件上使用v-model指令原创 2022-01-29 14:19:23 · 3063 阅读 · 0 评论 -
vue中使用axios发送请求及响应结果
axios的基本语法案例1: 一个简单的get发送请求案例 <script> axios({ methods: 'GET', url: 'https://www.fastmock.site/mock/7aaea97de62ac6b0b1612b43c4868fc7/api/user' }).then((ret) => { console.log(ret.data.da..原创 2021-08-13 20:51:26 · 8046 阅读 · 0 评论 -
vue组件注册及注意事项
一:在.html文件中先引入vue.js <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>先创建组件 再把app挂载到vm实例上注:vm实例放在组件上面 页面不显示任何效果! 组件里的data 必须是个函数 vm实例的data则是对象<body> <div id="app"> 这是点击...原创 2021-08-13 13:16:01 · 143 阅读 · 0 评论 -
in ./node_modules/html-entities/lib/index.js终端报错
error in ./node_modules/html-entities/lib/index.jsModule build failed: Error: ENOENT: no such file or directory, open '/Users/mac/Desktop/shop/node_modules/html-entities/lib/index.js'出现这个报错后重新执行命令:npm i qs之后即可正常运行...原创 2021-08-12 17:24:39 · 1409 阅读 · 0 评论