随笔分类 -  VUE

1 2 下一页
vue鼠标悬浮图片处理
摘要：<el-popover placement="right" title="" trigger="hover"> <el-image fit="cover" class="leftpic" :src=" viewDataSouse.imgUrl ? viewDataSouse.imgUrl.split 阅读全文
posted @ 2022-03-15 10:40 Mr、DIVE 阅读(494) 评论(0) 推荐(0)
Vue让水平滚动条(scroll bar)固定在浏览器的底部，并且同轴联动
摘要：参考思路：https://www.cnblogs.com/allen2333/p/10514262.html 阅读全文
posted @ 2021-08-05 16:41 Mr、DIVE 阅读(420) 评论(0) 推荐(0)
vue横向滚动条，初始化位置
摘要：mounted(){ this.$nextTick(()=>{ setTimeout(() => { this.$refs.rightTable.scrollLeft = 1500; }, 200); }) }, 阅读全文
posted @ 2021-07-20 15:05 Mr、DIVE 阅读(1135) 评论(0) 推荐(0)
VUE父子组件传值，以及子组件调用父组件方法
摘要：VUE父子组件传值，以及子组件调用父组件方法 <!-- 添加或修改排班计划对话框 --> 父组件： <addUpWorkPlan :opretype="opretype" :open="open" @getList="getList"></addUpWorkPlan> 子组件传值： props: [ 阅读全文
posted @ 2021-07-10 14:23 Mr、DIVE 阅读(92) 评论(0) 推荐(0)
echart渐变色
摘要：areaStyle: { opacity: 0.8, color: new echarts.graphic.LinearGradient(0, 0, 0, 1, //4个参数用于配置渐变色的起止位置, 这4个参数依次对应右/下/左/上四个方位. 而0 0 0 1则代表渐变色从正上方开始 [{ off 阅读全文
posted @ 2021-03-04 18:09 Mr、DIVE 阅读(297) 评论(0) 推荐(0)
VUE自定义提示语句confim
摘要：let returnMsgList = [ "1、是否确认", "2、页面中填写，请确认填写是否正确！" ]; let threemsg = ''; returnMsgList.push(threemsg); let newDatas = []; let h = this.$createElemen 阅读全文
posted @ 2021-02-24 09:49 Mr、DIVE 阅读(446) 评论(0) 推荐(0)
VUE项目，日期格式转换
摘要：通过moment.js，进行格式转换 首先安装moment.js： npm install moment -s其次在main.js引入moment.js： import moment from “moment” Vue.prototype.$moment = moment; //借助moment.j 阅读全文
posted @ 2020-10-09 13:35 Mr、DIVE 阅读(2522) 评论(1) 推荐(1)
vue 表单验证 async-validator: ["xxx is not a string"]
摘要：[{ required: true, message: '为必填项', trigger: 'blur'}] 去除trigger [{ required: true, message: '为必填项'}] 都这 阅读全文
posted @ 2020-09-24 11:06 Mr、DIVE 阅读(3962) 评论(0) 推荐(0)
vue中element-ui 树形控件-树节点的选择(选中当前节点,获取当前id并且获取其父级id)
摘要：出处： https://blog.csdn.net/weixin_42677017/article/details/83043224 Element-ui官网给的方法 getCheckedKeys() { console.log(this.$refs.tree.getCheckedKeys()); 阅读全文
posted @ 2020-09-18 10:52 Mr、DIVE 阅读(8254) 评论(0) 推荐(0)
手动清除element的form校检提示
摘要：this.$refs.form1.clearValidate('elecFeeId'); 阅读全文
posted @ 2020-07-08 15:42 Mr、DIVE 阅读(287) 评论(0) 推荐(0)
el-input 获取焦点的方法
摘要：<el-input ref="mark"></el-input> this.$refs['mark'].focus() 阅读全文
posted @ 2020-07-07 10:42 Mr、DIVE 阅读(2687) 评论(0) 推荐(0)
绕不过去的正则表达式，工作常用
摘要：一、金额类 1、请输入正数,可保留两位小数 { pattern: /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/, message: '请输入正数,可保留两位小数' } 阅读全文
posted @ 2020-07-06 10:40 Mr、DIVE 阅读(152) 评论(0) 推荐(0)
定格到界面的某个位置
摘要：给需要定位到的元素加上ID <div id="upLoad"></div> 在方法内触发这个定位语句 document.getElementById("upLoad").scrollIntoView(); 阅读全文
posted @ 2020-07-02 10:30 Mr、DIVE 阅读(164) 评论(0) 推荐(0)
Vue项目查看当前使用的elementUI版本
摘要：在我们引入elementUI的时候，一般是两种方式：npm安装或者在script直接引入； npm安装后，打开项目会看到node_modules文件夹 在vue项目下的node_modules文件夹中，找到element-ui，里面就是elementUI的文件。 点击，打开package.json就 阅读全文
posted @ 2020-05-15 15:48 Mr、DIVE 阅读(12279) 评论(0) 推荐(0)
webpack打包配置为什么打包完成之后命令没有运行结束？
摘要：稳 webpack打包配置为什么打包完成之后命令没有运行结束？ 很简单，就是因为watch属性 watch的配置 简单使用的话，只要在打包命令后面跟--watch就可以了 复杂点，也可以在在webpack.config.js中新增属性 watchOptions:{ poll:1000,单位毫秒 设置 阅读全文
posted @ 2020-05-15 10:42 Mr、DIVE 阅读(1146) 评论(0) 推荐(0)
VUE版本依赖指定
摘要：在npm中安装固定的版本号package，只需要在其后加 ‘@版本号’ npm install three@0.102.1Node.js中package.json中库的版本号详解：1、 ~ 匹配最近的小版本依赖包，比如~1.2.3会匹配所有1.2.x版本，但是不包括1.3.02、^ 匹配最新的大版本 阅读全文
posted @ 2020-05-14 17:56 Mr、DIVE 阅读(2519) 评论(0) 推荐(0)
vue+element 表格超链接跳转
摘要：重新在一个新的标签页打开一个界面 <el-table-column prop="show" label="url名称" align = "center" width="200"> <template scope="scope"> <a :href="'http://'+ scope.row.show 阅读全文
posted @ 2020-05-13 14:54 Mr、DIVE 阅读(4868) 评论(0) 推荐(0)
element实现选择器，全选功能
摘要：首先增加全选按钮： <el-select filterable v-model="cityIds" multiple collapse-tags placeholder="请选择" @change="getCityNames" > <el-option label=" 全选 " value="000 阅读全文
posted @ 2020-02-25 15:15 Mr、DIVE 阅读(1621) 评论(0) 推荐(0)
VUE加Element之Iframe
摘要：跨域监听事件 <iframe :src="XXXX" @load="getTi()" width="100%" height="100%" scrolling="no" frameborder="0" > </iframe> 需要知道跨域集成的这个页面执行了操作 因为在集成页面里，执行页面操作会重新 阅读全文
posted @ 2020-02-18 16:11 Mr、DIVE 阅读(2319) 评论(0) 推荐(0)
vue树形，横向滚动条
摘要：.el-tree { min-width: 100%; display:inline-block !important; } .leftdig { width: 25%; float: left; overflow-y:auto; overflow-x: auto; height: 317px; b 阅读全文
posted @ 2019-12-30 16:11 Mr、DIVE 阅读(1423) 评论(0) 推荐(0)

1 2 下一页