vue - 随笔分类 - 芹菜是一根葱

赋值：那么、否则

摘要：那么否则: 1<总数量<=20 赋值的每个项都是必填父组件： ActionThenElse.vue <template> <el-form :model="formData" ref="formRef" :rules="formRules"> <ActionGroup v-model="formD 阅读全文

posted @ 2025-07-13 23:16 芹菜是一根葱阅读(9) 评论(0) 推荐(0)

输入框只能输入数字：正数、负数、小数

摘要：精度：10 长度：30 bug:可以单独输入负号-，小数点. <el-input v-if="node.pattern.rightSource == 'Custom'" v-model.number="node.pattern.rightValue" placeholder="请输入右值" styl 阅读全文

posted @ 2025-05-22 22:44 芹菜是一根葱阅读(67) 评论(0) 推荐(0)

输入框只能输入数字：正整数、小数

摘要：精度：小数点后十位长度：30 <el-input v-if="node.pattern.rightSource == 'Custom'" v-model.number="node.pattern.rightValue" placeholder="请输入右值" style="width: 240px 阅读全文

posted @ 2025-05-22 22:40 芹菜是一根葱阅读(36) 评论(0) 推荐(0)

vue3流程图，添加tasknode组件

摘要：TaskNode.vue <template> <div class="task-container"> <div class="task-controls"> <button @click="handleFinish">完成</button> <span class="node-count">节点阅读全文

posted @ 2025-05-22 13:25 芹菜是一根葱阅读(108) 评论(0) 推荐(0)

vue3流程图节点数量限制

摘要：HomeView.vue <template> <div class="flowchart-app"> <div>流程图展示{{ nodeCountStatus }}</div> <el-button type="primary" @click="handleFinish">完成</el-butto 阅读全文

posted @ 2025-05-22 00:55 芹菜是一根葱阅读(54) 评论(0) 推荐(0)

vue3流程图 childList长度校验

摘要：FlowNode.vue <template> <div class="node-wrapper"> <div class="node-container">  <div v-if="isTypeA" class="action-node-box"> <div clas 阅读全文

posted @ 2025-05-22 00:18 芹菜是一根葱阅读(24) 评论(0) 推荐(0)

vue3-流程图节点必填校验

摘要：HomeView.vue <template> <div class="flowchart-app"> <div>流程图展示</div> <el-button type="primary" @click="handleFinish">完成</el-button> <div class="flowch 阅读全文

posted @ 2025-05-21 23:49 芹菜是一根葱阅读(63) 评论(0) 推荐(0)

输入框、文本域中内容底部有红色波浪线，如何去掉？vue2 html

摘要：取消检查就不会有红色波浪线添加属性：spellcheck="false" 1 <el-input 2 type="textarea" 3 :autosize="{ minRows: 2, maxRows: 40 }" 4 placeholder="请输入内容" 5 v-model.trim="te 阅读全文

posted @ 2023-11-28 16:39 芹菜是一根葱阅读(1288) 评论(0) 推荐(0)

判断字符串以某个字符开头startsWith，字符串切割替换replace JS

摘要：1. 判断字符串是否以'JKprogramTitle'开头，是返回true，否返回false 1 item.startsWith('JKprogramTitle') 2. 将字符串'JKprogramTitle'替换为空字符串，即可去除 item.replace('JKprogramTitle', 阅读全文

posted @ 2023-06-19 15:56 芹菜是一根葱阅读(88) 评论(0) 推荐(0)

上下翻页按钮，上一页下一页 vue2，分页

摘要：已经有每一页对应的数据，一共五页，点击到最后一页再点下一页按钮时回到第一页 <div class="button-list"> <button @click.prevent="handleLeft"> <i class="el-icon-arrow-left"></i> {{ifchinese ? 阅读全文

posted @ 2023-06-09 18:01 芹菜是一根葱阅读(530) 评论(0) 推荐(0)

vue 方法中传参，传入变量名，参数是变量名怎么传？this[name]

摘要：需求：在方法中传参，传的参作为方法中的变量名解决方案：当需要传变量名的时候用this[name]的方式，调用时全变量名不用再写this.,调用时以字符串形式传入'name'。方法中传变量名 this[name] 方法： leftLogsValue(styleLeftval,logsname, 阅读全文

posted @ 2023-02-24 17:47 芹菜是一根葱阅读(576) 评论(0) 推荐(0)

字幕横向滚动公告内容自动横向滚动

摘要：功能：实现文字字幕公告内容自动横向滚动思路：运用滚动条和计时器效果：示例：如果是动态数据，就要复制一遍 template 中 data1 的数据放 data2 这里，当数据发生改变时 data2 的数据也能实时更新。如果是静态数字可以在方法里面复制或innerHTML赋值 conten 阅读全文

posted @ 2023-01-13 16:27 芹菜是一根葱阅读(336) 评论(0) 推荐(0)

ref 输入框自动获取焦点 input fcous vue2

摘要：环境：vue2 当我们的输入框不是一打开页面就显示出来，而是通过点击某个按钮显示或页面跳转时，输入框自动获取焦点的方法如下：输入框添加属性 ref = “newMethodTitle” 在点击按钮的事件中添加 this.$nextTick(()=>{ this.$refs.newMethodTit 阅读全文

posted @ 2023-01-11 17:51 芹菜是一根葱阅读(701) 评论(0) 推荐(0)

sortablejs 列表拖拽排序，js vue2,解决拖拽排序乱序问题

摘要：功能：在列表中，需要给列表进行拖拽排序，并实时保存拖拽后的列表书序实现; 运用js中的sortablejs库环境：vue2 中文网：http://www.sortablejs.com 在首页中下拉可以看到有多个示例，方便上手在配置项中会对属性、方法进行解析，方便理解方法; 1 安装依赖 n 阅读全文

posted @ 2023-01-11 17:38 芹菜是一根葱阅读(2427) 评论(0) 推荐(0)

Vue 路由懒加载， VueRouter一步完成Vue的路由懒加载一行代码搞定懒加载

摘要：Vue Router路由配置中的component里面配置即可 1 // 路由懒加载的方式加载组件 2 3 component: () => import('@/views/Detail'), 原理：传统的 es6 导入方式,会在页面打开的时候,把所有的组件一股脑加载到内存中.这样做是浪费内存的. 阅读全文

posted @ 2022-07-15 20:52 芹菜是一根葱阅读(608) 评论(0) 推荐(0)

随笔分类 - vue