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

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

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

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

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

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

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

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

摘要： 这种方式其实就是利用了.xls文件可以解析html文本的功能。本质上还是一个html文件只不过是将.html另存为.xls而已。 element-UI的el-table也可以用这种方式导出。 直接上代码： <div id="finalSettlementDetail"> <longterm-fina 阅读全文

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