v-modal

【前端】解决element-ui两层dialog嵌套，遮罩层消失的问题。

背景总觉得element-uidialog的遮罩层逻辑有点晦涩，当一个dialog内嵌另一个dialog时，它的遮罩层却始终只有一个，也就是下方class="v-modal"的div。
道着无为法自然·2024-09-14 22:27

elementui Cascader 级联选择器的使用总结

实现效果技术要点总结如下：1、点击添加自动增加多行，实现自主选择增加多条节点数据2、节点地址使用的是Cascader级联选择器，需要动态生成，涉及到一个技术要点是：因v-modal只能获取value不能获取
XUE_雪·2024-09-10 10:56

Vue3——模板语法（文本插值、vue内置指令）

Directives指令的参数指令的修饰符vue3的内置指令渲染文本内容（v-text）渲染html（v-html）单项绑定（v-bind）单项绑定的使用单项绑定v-bind的简写同名简写动态绑定多个值修饰符双向绑定（v-modal
_洋·2024-02-07 11:12

对vue-tree-select的封装

注意不要监听v-modal，避免死锁。四、注意内外各种变量的生命周期。（先画好流程图！）
超级大超越·2024-02-05 15:23

数据双向绑定v-modal

v-modelv-model就实现了双向数据绑定，实际上它就是通过Vue提供的事件机制。即在子组件通过$emit()触发一个事件，在父组件使用v-on来监听对应的事件并修改相应的数据。input的v-model就是通过封装一个input组件，v-model实现两个注意点：假设不是使用的value属性和input事件，而是使用string属性和strChange事件。通过mode属性设置爷父孙组件，
前端碎碎念·2024-01-30 02:35

vue3高德地图+搜索+点击获取经纬度

首先安装依赖npmi@amap/amap-jsapi-loader--savehtml（设置一个容器）点击位置控制台可以打印到数据如果想要回显到input只需在input内绑定v-modal即可搜索script
一个大长腿·2023-11-09 22:28

element-UI 表单校验失效处理

1.el-form-item的prop属性绑定的要是字符串：eg::prop="'answer['+0+']'"//而不是:prop="answer[0]"v-modal="ruleForm.answer
weixin_30307267·2023-10-30 12:30

mint-ui官方文档的补充（都是自己踩的坑）

说实话mint-ui的文档写的真是放飞自我，有很多功能文档里根本没有写，这就导致我们走很多弯路，还有个地方v-model写成v-modal，忘记在哪了不知道改没改。。。
__黑·2023-10-02 20:00

vue使用ant design vue的collapse

在使用折叠面板的时候，应该是点击以后就会关闭一个面板，但是有的需要点击俩下，才可以展开，就是因为v-modal影响了这个v-modal改成activeKeydata(){return{...activeKey
她超甜i·2023-08-10 11:46

给移动端vant框架 中的下拉菜单 设置默认选项

做了才知道，移动端的下拉菜单默认选项和pc的完全不一样，导致我煎熬了大半天这是页面上的代码，里面有一个v-modal="areaValue"ref="cityPicker"在data里面定义了一个：areaValue
妍崽崽@·2023-08-04 11:10

vue父子组件传参（子组件调用父组件方法，父组件调用子组件方法或属性，子组件修改prop值）

子组件调用父组件的方法三、vue父组件调用子组件方法或属性四、vue子组件修改prop值1、通过父传子，子调用父方法传参数实现2、通过.sync修饰符以及$emit配合update:实现，该方法只有vue2可以使用3、使用v-modal
SmileAgain -lg·2023-07-31 07:49

vue form表单验证出现选择输入了值，但是还是提示未选择时的问题

大概率是你没定义modal值，这个时候rules监测不到你是否输入了值确定的点1.是否有ref2.是否有rules属性且在data中定义了规则3.props定制的字段名是否和rules里一样4.输入框或者选择框的v-modal
师傅我悟了·2023-06-10 02:23

vue脚手架配置代理、插槽

欢迎探讨文章目录vue脚手架配置代理方法一方法二插槽面试题一、v-modal的使用。二、请说出vue.cli项目中src目录每个文件夹和文件的用法？
N奈斯先生·2022-09-15 03:49

vue项目input标签checkbox,change和click绑定事件的区别说明

类型的相关操作总结一、checked属性二、操作三、关于checkbox的其他操作input标签checkbox,change和click绑定事件的区别我们经常在vue开发项目的过程中，遇到需要对input框使用v-modal
·2022-08-05 16:27

petite-vue源码剖析-属性绑定`v-bind`的工作原理

关于指令(directive)属性绑定、事件绑定和v-modal底层都是通过指令(directive)实现的，那么什么是指令呢？我们一起看看Directive的定义吧。//文件.
·2022-03-08 17:42

petite-vue源码剖析-属性绑定`v-bind`的工作原理

关于指令(directive)属性绑定、事件绑定和v-modal底层都是通过指令(directive)实现的，那么什么是指令呢？我们一起看看Directive的定义吧。//文件.
^_^肥仔John·2022-03-08 17:00

通过vue封装弹窗组件/vue封装组件的方式选择依据

通过vue封装弹窗组件大部分vue对效果的封装，有3个方式：普通公共组件封装：涉及东西，父子组件之间的传值和通过v-modal指令监听父子间的数据通过渲染函数封装组件：render函数运用通过混合封装组件
Raral·2021-03-18 10:17

子组件通过v-modal改变父组件中的值

父组件importchildfrom'../../components/child'exportdefault{name:'creatActivityFeedback',components:{child,},data(){return{DATA:[1,2,3]},}子组件props:{//父组件传进来的值value:{type:Array,default(){return[]}}},this.$
嵩小卢·2020-08-23 19:29

vue2.0中子组件通过v-modal改变父组件中的值

父组件代码：divpthisisfatherchild(v-model="data")importchildfrom"./childrenS.vue";exportdefault{data(){return{data:[1,2,3]}},components:{child},watch:{data(n,o){console.log(n,o)}}}子组件代码：divthisischildexport
辛苦的码农20200609·2020-08-23 01:09

vue中报错：`value` provides invalidate moment time.

问题当使用vue中的日期选择框时（即datepicker方法），使用v-modal绑定数据时，会显示如下错误:[antdv:DatePicker]valueprovidesinvalidatemomenttime.Ifyouwanttosetemptyvalue
℡Schaffer·2020-08-17 20:02

Vue.js -- 解决表单元素使用v-modal双向绑定时间戳改日期格式

问题分析:新版本的vue当我们用v-modal双向绑定时会发现date类型的数据传出的是一个时间戳,也用不了过滤器,只能定义计算规则去得出正确的时间格式.1.先建立一个格式化时间的date.js文件:vardateFormat
rabbiter.top个人站点·2020-08-10 04:45

iviewUI组件库中select双向绑定不生效

我之前做过很暴力的事情，就是在select标签上绑定v-if，在修改v-modal的值时，对v-if对应的变量先赋值false，紧接
weixin_33790053·2020-08-09 00:54

iview中Cascader组件的坑

1.Cascader数据格式要求只认识这种结构的，所以拿到数据要处理下必须是labelvalue，有二级的是children2.change-on-select任意选择v-modal要绑成[1,3]如果不使用
祁沐白神·2020-07-31 22:02

Vue动态类名的实现

Tips：vue设置动态属性是要用命令v-modal的哦，为了方便直接用半角冒号也可以啦，所以动态类名是主
_52赫兹_·2020-07-27 16:13

自定义组件之封装弹窗modal

二、实现思考：1、vue的v-modal自定义需要指定value的prop和使用input事件更新value的值。
命运由我不由天·2020-07-14 20:30

vue遇到的各种问题（持续更新）

2、有一个表格table，有数据data，使得table里的list=data，里面每行数据为双向绑定v-modal，然后
staru_csdn·2020-07-13 13:41

vue v-modal 实现 input 全选

vuev-modal实现input全选全选{{item.name}}{{checked}}newVue({el:'#app',data(){return{ajaxData:[{//后台请求过来的数据name:'选项1',value:'apple'},{name:'选项2',value:'banana'},{name:'选项3',value:'orange'}],checked:false,}}})
qq_39490545·2020-07-06 17:52

自定义实现v-modal

exportdefault{model:{prop:'text',event:'change'},props:{text:String}}注意：input中的change要和model.event对应起来，名字可以自己取
zhangcan1168·2020-06-22 09:16

vue v-modal语法糖

相当于inputData=val"/>在elInput中可以通过modal来设置要传给组件的属性和方法的名字elInput.vue组件内容:exportdefault{model:{prop:'inputValue',event:'setValue'},props:{inputValue:{type:String,default:''}},methods:{setInput(e){this.$em
瑞瑞大人·2020-04-09 19:00

vue-浏览器兼容

IE9兼容1.密码框用不了v-modal，会显示明文解决方案用ref，直接在代码中使用this.
Miamin·2020-02-07 13:12

uniapp - v-modal

在uniapp中，也许有人会纠结为什么会有@input还有v-model1.它们有什么区别？v-model：数据双向绑定->输入时绑定视图层，而@input则只是监听值@input：监听输入的值，可以通过监听值再渲染到视图层2.v-model用在自定义组件上v-model的缺陷是只能在自定义组件上用一次，而这时的双向绑定就要交由.sync语法糖来解决了{{hello}}importonBfrom'
Sunsin·2020-01-15 15:00

(复习)父子组件传值使用v-modal双向绑定,报错Avoid mutating a prop directly解决方案

报错：Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponent........原因：所有的prop都使得其父子prop之间形成了一个单向下行绑定：父级prop的更新会向下流动到子组件中，但是反过来则不行。（父组件更新，子组件中的prop值也会更新，但子组件不能修改由父组件传递过来的值）不能直
小甜橘·2019-12-23 18:00
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他