11 2022 档案

vue 状态类展示使用红绿圆点

摘要：vue 状态类展示使用红绿圆点通常对于一些在线、离线类的展示使用图标展示比使用文字描述会更加清晰直观。项目中使用的代码如下： HTML <el-table-column prop="status" label="状态" width="70%" > <template slot-scope="scop 阅读全文

posted @ 2022-11-23 15:09 cmooc 阅读(739) 评论(0) 推荐(0) 编辑

vue 清空element表单数据

摘要：resetFields是用于针对整个表单的 Form Methods（整个表单） resetField 是针对表单项的 Form-Item Methods（表单的某一个项） this.$refs['elFormRef'].resetFields(); 阅读全文

posted @ 2022-11-18 17:00 cmooc 阅读(345) 评论(0) 推荐(0) 编辑

vue 3 打印 print-js

摘要：1、安装 npm install print-js --save 2、引用 import print from 'print-js' 3、编写打印函数 const enterDialog = async () => { const style = '@page {margin:0mm 10mm};' 阅读全文

posted @ 2022-11-18 16:22 cmooc 阅读(2802) 评论(0) 推荐(0) 编辑

dialog弹窗里生成二维码（reading qppendChild）

摘要：在dialog弹窗里生成二维码第一次点击时 dialogFormVisible.value=false，二维码生成时会找不到对象可以用nextTick（）函数将二维码生成代码放到nextTick（）函数里 //this.$nextTick()nextTick(()=>{ document.getE 阅读全文

posted @ 2022-11-18 16:12 cmooc 阅读(123) 评论(0) 推荐(0) 编辑

vue3 生成二维码 qrcodejs2-fix

摘要：1、安装qrcodejs2-fix npm install qrcodejs2-fix 2、引入qrcodejs2-fix import QRCode from 'qrcodejs2-fix'; 3、在页面中定义容器 <div id="code"></div> 4、定义生成二维码的函数 const 阅读全文

posted @ 2022-11-18 16:10 cmooc 阅读(5176) 评论(0) 推荐(0) 编辑

vue dialog弹窗

摘要：<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" title="打印"> </el-dialog> // 弹窗控制标记 const dialogFormVisible = ref(false) // 打开弹窗 con 阅读全文

posted @ 2022-11-18 15:50 cmooc 阅读(97) 评论(0) 推荐(0) 编辑

vue 打开页面触发事件

摘要：vue中created()，mounted()与activated()区别及应用 created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次（可用于页面预加载数据）；mounted()：页面初始阅读全文

posted @ 2022-11-11 13:56 cmooc 阅读(3291) 评论(0) 推荐(0) 编辑

vue v-for 使用

摘要：html <div> <el-button @click="addListItem" type="primary" style="position: absolute;">+</el-button> <div v-for="(item, index) in formData.liuchengs" : 阅读全文

posted @ 2022-11-10 13:48 cmooc 阅读(25) 评论(0) 推荐(0) 编辑