表单validatefield动态vue
vue开发 tinymce.js富文本插件报错：Cannot read properties of undefined (reading 'open')
应该是预加载的问题 因为需要同时展示多个富文本框 所以网上搜索到的 把v-if 换成 v-show是行不通的 最后想到办法 就是 再最外面再加一个 富文本 宽高设置成0 这样里面的富文本就能 正常使用了 k-rich-editor 是基于 tinymce 封装起来的富文本编辑器 ......
docker swarm 部署logstash通过动态扩容消费海量数据
### 背景 > 海量数据需要接入logstash消费到ES、Kafka等, 如并发很高的nginx日志 ### 解决方案 - docker swarm部署logstash集群 - 通过docker config增加pipline、templates ### docker-compose文件 - d ......
Vue3+.net6.0 八 监听器 watch，回调
有时候我们需要根据变量的变化去更改dom或者输出结果，也就是需要监听data部分，和Vue2一样，需要用到watch监听器。 简单例子，输入框绑定了context，当我们改变输入框的值时，watch里同名监听器context监听到了变化，通过判断新旧值是否有变化弹出提示。 需要注意的是： 1、监听器 ......
Vue3 遍历显示Json数组
在Vue项目中 遍历显示Json数组 以列表的形式显示的页面上 main.js 全局 json 对象 //全局json const globalData=reactive({ extTelTalkData: [ { userExten: "1000", userName: "刘亦菲", callSt ......
vue3 provide/inject使用
provide/inject 可解决深层组件传值问题 父组件 import { provide } from "vue"; const curValue = ref(props.modelValue); provide('curTabName',curValue); 子组件 import { inj ......
RelativeLayout 动态设置位置
## 动态设置左对齐 ```java TextView tvName = holder.getView(R.id.tv_name); RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) tvName.getLayout ......
VUE|创建一个基础的VUE应用
## 1 应用实例 参考官方文档 [应用实例 API | Vue.js (vuejs.org)](https://cn.vuejs.org/api/application.html) > 示例 ```javascript const {createApp} = Vue // 通过createApp创 ......
antd table 动态添加数据时，上下行的输入框关联起来了
解决方法： 1、添加的对象必须在vue文件中，不能放在ts文件，或者说，添加的对象是新生成的 ``` const handleAdd = () => { const newData = { key: `${count.value}`, name: `Edward King ${count.value ......
FPGA数码管动态显示
FPGA驱动6位数码管，主控芯片EP4CE6F17C8N。 所使用实验板的数码管原理图如图所示，所使用的数码管3661BS是6位共阳极的数码管。使用PNP三极管驱动数码管，当三极管基极SMG_W0引脚输入低电平时，PNP三极管导通。通过控制SMG_W0~W5的电平来控制三极管的导通，从而控制位选信号 ......
动态配置Redis参数
在redis的使用过程中，有时候需要急需修改redis的配置，比如在业务运行的情况下，内存不够怎么办，这时要么赶紧删除无用的内存，要么扩展内存。 如果有无用的内容可删除那么所有问题都已经解决，如果内容都是重要的，那只能选择扩展内存。 CONFIG SET 具体含义 1 CONFIG SET para ......
js：http-vue-loader从浏览器直接引入vue文件
doc ``` github: https://github.com/FranckFreiburger/http-vue-loader ``` index.html ``` ``` my-component.vue ``` Hello {{who}} ``` 使用 sass ``` ``` 使用 l ......
formCreate 表单
1. 全局引入formcCreate main.js import formCreate from '@form-create/element-ui'//表单设计器引入 Vue.use(formCreate) <form-create v-model="fApi" :rule="freeRule" ......
前端Vue自定义可自由滚动新闻栏tabs选项卡标签栏标题栏组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
key在vue中的作用与虚拟dom与diff算法
一。虚拟dom:(它是存在于内存中的) VNode的全称是Virtual Node，也就是虚拟节点；事实上，无论是组件还是元素，它们最终在Vue中表示出来的都是一个个VNode。VNode的本质是一个JavaScript对象。 其实虚拟Dom是真实Dom的一种状态。当真实Dom发生变化后，虚拟Dom ......
使用docker构建可动态启动的FreeSWITCH实例
操作系统 ：CentOS 7.6_x64 FreeSWITCH版本 ：1.10.9 Docker版本：23.0.6 使用docker打包FreeSWITCH可以极大简化部署环节，但针对高可用场景的故障恢复来说，仅实现docker打包是不够的，打包的docker镜像需要支持”根据提供的参数动态启动Fr ......
vue-day26--引出生命周期
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>引出生命周 ......
vue-day25--自定义指令总结
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--自定义指令v-fbind
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--自定义指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--v-pre指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-pre ......
vue-day25--v-once指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-onc ......
vue-day23--v-html指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-htm ......
前端Vue仿美团右侧侧边栏弹框筛选框popup alert
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
vue-day22--v-text指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>过滤器</ ......
机制的外卖员问题动态规划
public static void main(String[] args) { //5 17 Scanner scanner = new Scanner(System.in); while (scanner.hasNext()){ int current = scanner.nextInt(); ......
【动态规划】牛客2023年儿童节比赛 G
> 题目链接：https://ac.nowcoder.com/acm/contest/58604/G > 来源：牛客网 设 $f[i]$ 表示以 $s[i]$ 为结尾的合法序列个数 1. 如果 $s[i]\ne 1$ ，那么我们可以在从 $f[i-1]$ 到 $f[1]$ 所包含的序列后面添加 $s ......
vue -父子组件值传递
父组件：是指引用其他组件东西（这里叫attrgroup.vue） 子组件：是指被其他组件引用的东西(这里叫category.vue) 父组件引用子组件，如下： <template> <!-- tree 属性菜单 --> <!-- tree-node-click 是子组件自定义的事件，通过事件触发然后 ......
vue-day21-过滤器学习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>过滤器</ ......