周文豪 - 博客园_a56爆大奖在线娱乐

2024年5月16日

摘要：这一次通过$emit实现子组件调用父组件的方法时，发现失效，耗了一个多小时，现在记录一下：错误代码：父组件 <pointDetail ref="pointDetail" v-if="pointDetailVisible" @set-hytabs="setHyTabs" @point-detail 阅读全文

posted @ 2024-05-16 15:36 周文豪阅读(83) 评论(0) 推荐(0) 编辑

2024年5月10日

Vue中Tabs标签页的使用

摘要：本案例的优点是给a56爆大奖在线娱乐tab标签的标题设置了状态值，并给不同的状态值设置了不同的背景颜色。效果: 代码： 1、父组件 <template> <el-container class="container"> <el-tabs v-model="activeName" type="border-card 阅读全文

posted @ 2024-05-10 16:36 周文豪阅读(119) 评论(0) 推荐(0) 编辑

Vue的step步骤条的使用

摘要：效果如下: 代码： 1、父组件 <template> <el-container class="container"> <el-steps :active="active" finish-status="success" simple style="margin-top: 20px;backgrou 阅读全文

posted @ 2024-05-10 11:28 周文豪阅读(343) 评论(0) 推荐(0) 编辑

2024年4月30日

给弹框添加关闭按钮

摘要：效果如下：代码: 父组件 <template> <el-container class="container"> <h1>这是父组件</h1> <HelloWorld v-if="detailVisible" msg="Welcome to Your Vue.js App" @detailClos 阅读全文

posted @ 2024-04-30 14:14 周文豪阅读(8) 评论(0) 推荐(0) 编辑

2024年4月29日

vue：子组件从后台获取数据期间，父组件被遮罩覆盖

摘要：效果：父组件代码 <template> <el-container v-loading="loading" class="container" element-loading-background="rgba(1,35,54, 0.8)"> <h1>这是父组件</h1> <HelloWorld m 阅读全文

posted @ 2024-04-29 15:54 周文豪阅读(10) 评论(0) 推荐(0) 编辑

为什么有值依然报async-validator ['xxx is required']

摘要：问题描述：点击确定时，前端控制台打印如下：但是实际上startStationName和endStationName均有值，如下所示：代码： <el-dialog :title="textMap[dialogStatus]" :visible.sync="dialogFormVisible" w 阅读全文

posted @ 2024-04-29 10:48 周文豪阅读(129) 评论(0) 推荐(0) 编辑

2024年4月14日

Misans global字体在vue中如何使用

摘要：一、字体下载字体官网链接：https://hyperos.mi.com/font/zh/download/ MiSans Global 是由小米主导,联合蒙纳字库、汉仪字库共同打造的全球语言字体定制项目。下载之后如下所示：解压之后如下所示：二、使用步骤 1、将Misans global字体文阅读全文

posted @ 2024-04-14 10:17 周文豪阅读(79) 评论(0) 推荐(0) 编辑

2024年4月9日

Vue中实现输入框的自动补全功能

摘要：一、百度文心一言的结果在Vue中实现输入框的自动补全功能，可以使用原生的input事件监听用户的输入，并通过计算属性或方法来提供匹配的自动补全建议。以下是一个简单的例子： <template> <div> <input type="text" v-model="userInput" @input= 阅读全文

posted @ 2024-04-09 10:46 周文豪阅读(273) 评论(0) 推荐(0) 编辑

2024年4月1日

使用blob实现把网页的html内容导出成一个.xls的文件

摘要：这种方式其实就是利用了.xls文件可以解析htmla56爆大奖在线娱乐的功能。本质上还是一个html文件只不过是将.html另存为.xls而已。直接上代码： <div id="finalSettlementDetail"> <longterm-final-settlement ref="longterm-fina 阅读全文

posted @ 2024-04-01 14:46 周文豪阅读(39) 评论(0) 推荐(0) 编辑

2024年3月27日

html中table如何在td中画对角线

摘要：在HTML中，要在<td>单元格中绘制对角线，可以使用CSS样式。具体做法是在<td>元素中添加一个<div>元素，并使用CSS的::before伪元素来创建对角线。代码如下： <td style="width:3%" class="diagonal-line"> <div></div> </td 阅读全文

posted @ 2024-03-27 11:08 周文豪阅读(261) 评论(0) 推荐(0) 编辑