vue
qiqiliuwu
这个作者很懒,什么都没留下…
展开
-
vue中用JSON.parse(JSON.stringify(this.formData))来替代无效的this.$set()和this.$forceUpdate()
最近在开发项目时遇到了一个问题,就是在使用antdvue开发时,有一个select多选框在通过onchange清空其所有值后,再选择时,控制台能够打印出来选中的值,前台界面也能够显示选中的值,但是必填校验依旧是未选中的红框状态。使用了this.set(this.formData,′name′,value)和this.set(this.formData, 'name', value)和this.set(this.formData,′name′,value)和this.forceUpdate()依旧无法让红框原创 2022-05-19 09:38:23 · 1718 阅读 · 1 评论 -
andtVue中form表单关于一条a-form-model-item中有多个必填项的prop以及rules设置(比如省市区)
先看下效果图:需求:要求省市区以及姓名手机都是必填项难点:省市区要求在同一行,前边要带星号,每一项都要校验必填规则以下是解决方案,仅供参考<a-form-model ref="recieveForm" :model="formData" :rules="recieveRules" :label-col="colAllSpan.labelCol" :wrapper-col="colAllSpan.wrapperCol"> <a-col v-bind="colAllSp原创 2022-04-20 16:16:52 · 7191 阅读 · 0 评论 -
antdvue组件a-radio-group如何设置默认值
<a-radio-group v-model="formData.headImgType"> <a-radio :value="0">默认</a-radio> <a-radio :value="1">自定义</a-radio></a-radio-group>data() { return { formData: { headImgType: 0, }, }}..原创 2022-04-13 17:43:24 · 6457 阅读 · 0 评论 -
js复制链接到剪贴板
<a-button type="link" @click.stop="copyLink(record)">复制链接</a-button>// 复制链接 copyLink(record) { const input = document.createElement('input') input.setAttribute('readonly', 'readonly') input.setAttribute('value', `http:/原创 2022-04-13 17:34:16 · 832 阅读 · 0 评论 -
js将url转换成二维码图片并下载到本地功能
<div id="qrcode" style="display: none"></div>import QRCode from 'qrcodejs2'components: { QRCode, },methods: {// 生成二维码 qrcode(record) { // console.log(platform.host) let qrcode = new QRCode('qrcode', { width:原创 2022-04-13 17:31:36 · 1870 阅读 · 0 评论 -
原生js实现点击按钮复制文本
copyLink(record) { const input = document.createElement('input') input.setAttribute('readonly', 'readonly') input.setAttribute('value', record.remark) document.body.appendChild(input) input.select() if (document.execCommand('copy')) { docum原创 2022-04-11 22:32:20 · 202 阅读 · 0 评论 -
获取时间以及格式转换等方法汇总
// 获取当月天数getCountDays(ym) { const curDate = new Date(ym); /* 获取当前月份 */ const curMonth = curDate.getMonth(); /* 生成实际的月份: 由于curMonth会比实际月份小1, 故需加1 */ curDate.setMonth(curMonth + 1); /* 将日期设置为0 */ curDate.setDate(0); /* 返回当月的天数 */ return cu原创 2022-04-09 09:31:48 · 238 阅读 · 0 评论 -
下载图片或base64格式图片
浏览器使用downloadImg() { // 如果浏览器支持msSaveOrOpenBlob方法(也就是使用IE浏览器的时候),那么调用该方法去下载图片 if (window.navigator.msSaveOrOpenBlob) { var bstr = atob(this.weixinQrCode.base64.split(',')[1]) var n = bstr.length var u8arr = new Uint8Arr原创 2022-04-09 09:25:10 · 470 阅读 · 0 评论 -
基于vue的编辑器组件
<!-- * @Author: 《lxh》 * @Date: 2021-05-14 16:53:49 * @LastEditors: 《lxh》 * @LastEditTime: 2021-06-17 11:36:38--><template> <div id="editor" /></template><script>import WangEditor from 'wangeditor'export default {原创 2021-06-17 11:40:33 · 1044 阅读 · 0 评论 -
vue ant design中关于给select设置初始默认值的问题(initialValue无效、用defaultValue则报`defaultValue` is invalid错误)(已解决)
问题:当我们在用vue ant design给select设置默认值时,如果采用v-decorator的方式去注册控件,且要对表单内容进行校验,那么这个时候无论是如下边错误1一样使用defaultValue=“2”这样来设置默认值,还是如同错误2一样使用initialValue: 2来进行设置,还是如同错误3一样使用:value="2"这样设置了值却无法注册typeId,都会设置无效或者报错等等,...原创 2019-09-18 09:52:30 · 25001 阅读 · 9 评论