随笔分类 -  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 阅读(465) 评论(0) 推荐(0) 编辑
摘要:参考思路:https://www.cnblogs.com/allen2333/p/10514262.html 阅读全文
posted @ 2021-08-05 16:41 Mr、DIVE 阅读(400) 评论(0) 推荐(0) 编辑
摘要:mounted(){ this.$nextTick(()=>{ setTimeout(() => { this.$refs.rightTable.scrollLeft = 1500; }, 200); }) }, 阅读全文
posted @ 2021-07-20 15:05 Mr、DIVE 阅读(1115) 评论(0) 推荐(0) 编辑
摘要:VUE父子组件传值,以及子组件调用父组件方法 <!-- 添加或修改排班计划对话框 --> 父组件: <addUpWorkPlan :opretype="opretype" :open="open" @getList="getList"></addUpWorkPlan> 子组件传值: props: [ 阅读全文
posted @ 2021-07-10 14:23 Mr、DIVE 阅读(80) 评论(0) 推荐(0) 编辑
摘要: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 阅读(283) 评论(0) 推荐(0) 编辑
摘要:let returnMsgList = [ "1、是否确认", "2、页面中填写,请确认填写是否正确!" ]; let threemsg = ''; returnMsgList.push(threemsg); let newDatas = []; let h = this.$createElemen 阅读全文
posted @ 2021-02-24 09:49 Mr、DIVE 阅读(405) 评论(0) 推荐(0) 编辑
摘要:通过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 阅读(2488) 评论(1) 推荐(1) 编辑
摘要:[{ required: true, message: '为必填项', trigger: 'blur'}] 去除trigger [{ required: true, message: '为必填项'}] 都这 阅读全文
posted @ 2020-09-24 11:06 Mr、DIVE 阅读(3861) 评论(0) 推荐(0) 编辑
摘要:出处: 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 阅读(8009) 评论(0) 推荐(0) 编辑
摘要:this.$refs.form1.clearValidate('elecFeeId'); 阅读全文
posted @ 2020-07-08 15:42 Mr、DIVE 阅读(279) 评论(0) 推荐(0) 编辑
摘要:<el-input ref="mark"></el-input> this.$refs['mark'].focus() 阅读全文
posted @ 2020-07-07 10:42 Mr、DIVE 阅读(2653) 评论(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 阅读(149) 评论(0) 推荐(0) 编辑
摘要:给需要定位到的元素加上ID <div id="upLoad"></div> 在方法内触发这个定位语句 document.getElementById("upLoad").scrollIntoView(); 阅读全文
posted @ 2020-07-02 10:30 Mr、DIVE 阅读(158) 评论(0) 推荐(0) 编辑
摘要:在我们引入elementUI的时候,一般是两种方式:npm安装或者在script直接引入; npm安装后,打开项目会看到node_modules文件夹 在vue项目下的node_modules文件夹中,找到element-ui,里面就是elementUI的文件。 点击,打开package.json就 阅读全文
posted @ 2020-05-15 15:48 Mr、DIVE 阅读(11950) 评论(0) 推荐(0) 编辑
摘要:稳 webpack打包配置为什么打包完成之后命令没有运行结束? 很简单,就是因为watch属性 watch的配置 简单使用的话,只要在打包命令后面跟--watch就可以了 复杂点,也可以在在webpack.config.js中新增属性 watchOptions:{ poll:1000,单位毫秒 设置 阅读全文
posted @ 2020-05-15 10:42 Mr、DIVE 阅读(1101) 评论(0) 推荐(0) 编辑
摘要:在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 阅读(2439) 评论(0) 推荐(0) 编辑
摘要:重新在一个新的标签页打开一个界面 <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 阅读(4834) 评论(0) 推荐(0) 编辑
摘要:首先增加全选按钮: <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 阅读(1604) 评论(0) 推荐(0) 编辑
摘要:跨域监听事件 <iframe :src="XXXX" @load="getTi()" width="100%" height="100%" scrolling="no" frameborder="0" > </iframe> 需要知道跨域集成的这个页面执行了操作 因为在集成页面里,执行页面操作会重新 阅读全文
posted @ 2020-02-18 16:11 Mr、DIVE 阅读(2309) 评论(0) 推荐(0) 编辑
摘要:.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 阅读(1405) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示