vue相关内容
vue相关知识
Skkk_H
这个作者很懒,什么都没留下…
展开
-
iview的select选中后值有空格
1、select组件选择后有空格,是因为启用了filterable时,Option标签换行了,和内容不在同一行导致的。3、正确写法应该Option标签和内容在一行上。2、不启用filterable,写法不限制。原创 2023-01-06 16:52:36 · 731 阅读 · 0 评论 -
iView中DatePicker的表单验证问题
转载转载 2022-08-18 15:31:43 · 661 阅读 · 0 评论 -
iview自定义table表头
通过renderHeader方法可以自定义表头样式,事件等等table表头增加气泡提示{ //空着/注释都可以 //title: '标题', key: 'mealAllowance', sortable: true, align:'center', width: 100, renderHeader(h, params) { return h('tooltip', { props: { transfer: true, placement: 'top',原创 2022-04-26 09:10:38 · 2822 阅读 · 0 评论 -
iview Tabs 标签页切换时调用页面的查询方法
1、给Tabs添加@on-click,TabPane添加name2、on-click方法currentTabChanged(name){ //防止多次点击已显示标签页重复刷新问题 if (name != this.tabName) { this.tabName=name; if (this.tabName == 'index') { this.$refs.index.onSubmit(); } else if (this.tabName == 'reconciliation') {原创 2022-03-04 16:34:03 · 744 阅读 · 0 评论 -
内存溢出,打包失败CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
https://blog.csdn.net/yiyueqinghui/article/details/105834233转载 2022-01-19 14:51:29 · 264 阅读 · 0 评论 -
vue 判断输入框输的都是空格
数据绑定使用v-model.trim即可参考:https://www.cnblogs.com/mmzuo-798/p/9301109.html转载 2021-12-16 16:25:50 · 854 阅读 · 0 评论 -
vue中变量赋值后,改变原数据
使用this.xxx = this.yyy后,后续修改xxx后,yyy会随之改变,因为它俩指向的是同一对象地址解决方式:this.xxx = JSON.parse(JSON.stringify(this.yyy))原创 2021-12-01 17:17:03 · 911 阅读 · 0 评论 -
vue+iview标签页切换时刷新
1、在TabPane增加name2、在自定义页面增加ref3、在Tabs增加click方法currentTabChanged,调用子页面的查询/刷新方法<template> <div id="aaa" style="height: max-content"> <Tabs :animated="false" active-key="index" @on-click="currentTabChanged" style="background-color: #ffffff原创 2021-09-29 15:52:12 · 942 阅读 · 0 评论 -
前端console工具
开发钉钉微应用时不能使用F12(目前钉钉RC不管用了),按如下配置,将代码配置在index.html中即可,就可以使用此工具查看控制台信息。<script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script><script> var vConsole = new window.VConsole();</script>...原创 2021-09-23 11:51:19 · 250 阅读 · 0 评论 -
vue 计算两个日期差值(天)
//计算两个日期差值(天)datedifference(sDate1, sDate2) { //sDate1和sDate2是2006-12-18格式 let dateSpan,tempDate,iDays sDate1 = Date.parse(sDate1) sDate2 = Date.parse(sDate2) dateSpan = sDate2 - sDate1 dateSpan = Math.abs(dateSpan) iDays = Math.floor(dateSpan /原创 2021-09-18 18:19:53 · 4413 阅读 · 0 评论 -
vue+iview或element----table内容超出显示点
一、elementUI处理方式:在column上增加:show-overflow-tooltip="true"或show-overflow-tooltip都可以<el-button type=“text” @click=“getWeChatProof(row)”>{{ row.KKK}}效果图如下:自己项目没启动,借用了https://blog.csdn.net/milijiangjun/article/details/108647940 的图片二、iviewUI处理方式:原创 2021-09-16 10:06:03 · 1530 阅读 · 0 评论 -
vue 固定 Dialog 对话框的高度
适用于iview的Modal 对话框,Element UI和Vant的Dialog 对话框以上三个UI的只提供了 width 来设置 Dialog 的宽度,没有高度设置,如果在对话框内加内容,其高度会随着内容无限增大内容太多时:会撑开,看不到footer里的按钮,需要固定对话框的高度解决办法是:在对话框内容元素的外面加一个 div,然后设置 div 的高度,并且设置 overflow: auto,这样,内容超出时会出现滚动条,可以进行滑动,如下:<van-dialog v-model="u转载 2021-09-04 11:49:02 · 6482 阅读 · 0 评论 -
vue获取url路径
Vue中获取url路径需要使用window.location.[options]我们先弹出看一下window.location会显示什么? alert(window.location);/sys-user为当前vue的路径options属性有如下属性描述hash从#号开始的RULhostname主机名和当前URL的端口herf完整的URLpathname当前URL的路径部分port当前URL的端口protocol当前URL协议转载 2021-09-16 10:27:24 · 2601 阅读 · 0 评论 -
vue 点击文本或按钮将内容复制到剪贴板
iviewUI方式:render: (h, params) => { return h('div', [ h('Button', { props: { type: 'text', size: 'small' }, on: { click: () => { this.copyToClipboard(params.row.result) this.$Message.success({原创 2021-09-16 10:53:58 · 319 阅读 · 0 评论 -
vue的select中option的value为数字类型时的回显问题
有option中value带冒号和不带冒号两种书写方式带冒号:v-model的name是String和Number都可以正常回显<Select v-model="name"> <Option :value=1>哈哈</Option> <Option :value=0>呵呵</Option></Select>不带冒号:String可以正常回显,Number类型的回显失败<Select v-model="name"原创 2021-09-16 15:16:23 · 1900 阅读 · 2 评论