文章 2023-10-30 来自:开发者社区

Vue模板语法【下】事件处理器,表单、自定义组件、通信组件

一、事件处理器1.1常用的事件修饰符Vue的事件修饰符是用来改变事件的默认行为或者添加额外的功能。以下是一些常用的事件修饰符及其作用:.stop:阻止事件冒泡,相当于调用event.stopPropagation(),防止事件向父元素传播。当一个事件被触发时,它会向上冒泡到父元素。如果父元素也有相同的事件处理器,那么这个事件处理器将会再次被触发。为了阻止这种事件冒泡,我们可以使用.stop修饰符....

Vue模板语法【下】事件处理器,表单、自定义组件、通信组件
文章 2023-08-17 来自:开发者社区

vue动态生成表单组件vue-form-maker

项目地址简介Vue动态生成表单组件 可以根据数据配置表单 使用的UI库是iView在Vue里 一般要用到什么组件或数据 都得提前声明所以要根据数据来生成表单 只能使用Vue的render函数要做这一个组件 其实并不难 看一下Vue官方示例 再找个UI组件库 差不多就能写出来如果对项目有兴趣 可以fork或克隆项目 自行研究有问题或BUG欢迎提issues文档在线DEMO表单组件Input 输入框....

文章 2022-06-17 来自:开发者社区

Vue系列之六: 表单双绑、组件

6.1、什么是双向数据绑定Vue.js是一个MV VM框架, 即数据双向绑定, 即当数据发生变化的时候, 视图也就发生变化, 当视图发生变化的时候,数据也会跟着同步变化。这也算是Vue.js的精髓之处了。  值得注意的是,我们所说的数据双向绑定,一定是对于UI控件来说的非UI控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用vue x那么数据流也是单项的,这....

Vue系列之六: 表单双绑、组件
文章 2022-05-12 来自:开发者社区

Vue 2.x折腾记 - (17) 基于Ant Design Vue 封装一个配置式的表单组件

前言写了个类似上篇搜索的封装,但是要考虑的东西更多。具体业务比展示的代码要复杂,篇幅太长就不引入了。效果图2019-04-25添加了下拉多选的渲染,并搜索默认过滤文本而非值简化了渲染的子组件的代码2019-04-28增加了对input type的控制实现思路和功能基础的功能直接配置上来渲染,而上传组件就不大合适了;所以选择了slot来实现,如何保证传入的form-item的布局一致,则是拿slo....

Vue 2.x折腾记 - (17) 基于Ant Design Vue 封装一个配置式的表单组件
文章 2022-05-12 来自:开发者社区

Vue 2.x折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件

前言这次的后台管理系统项目选型用了Vue来作为主技术栈;因为前段时间用过React来写过项目(用了antd),感觉棒棒的。所以这次就排除了Element UI,而采用了Ant Design Vue;在分析整个项目原型后,发现又可以抽离类似之前的React表格搜索组件效果图2019-04-10 14:50 : 修正了部分的初始化props及联动,新增了slot的传递2019-04-17: 我又增加....

Vue 2.x折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等