vmodel自定义

注意！！！

微信小程序内只能用{prop:'value',event:'input'} github

<template>
    <!-- 自定义组件中使用v-mode指令 -->
    <input class="input" @input="changeInput" :value="rkValue" />
</template>

<script>
    export default {
      name: 'CustomModel',
      model: {
        prop: 'rkValue', // 默认是value
        event: 'rkInput', // 默认是input
      },
      props: {
        // 接收string和number类型的值，
        // 注意不能是写成字符串["String","Number"],因为此时它们是构造器，是全局变量
        rkValue: [String, Number],
      },
      methods: {
        changeInput ($event) {
          // 向上派发rkInput事件，这样model监听rkInput才有意义：当输入字符时触发input事件，
          // 进而派发触发自定义的rkInput事件，然后model监听rkInput，就实现了数据绑定
          this.$emit('rkInput', $event.target.value)
        },
      }
    }
</script>

待研究

  // {prop:'value',event:'change'}`
  
  <!--#ifdef MP-WEIXIN-->
  <custom-com :value="photos" @change="onImageChange"></custom-com>
  <!--#endif-->
  <!--#ifndef MP-WEIXIN-->
  <custom-com v-model="photos"></custom-com>
  <!--#endif-->

FEATURED TAGS

iOS OC C Xcode MIMEType 屏幕旋转 Mac 工具 SQLite3 重命名证书+内购像素 pch 支付协议税务 APP转让审核银行卡格式化 git 描述文件命令行沙盒日志 i386 x86_64 控制台log xcode10&iOS12 正则 textfield 输入限制 Pod 真机支持封面尺寸 SDWebImage Ruby RVM 渐变色 jekyll 水印富文本标签 M3U8 动、静态库异步上传 Url编码解码 AlertController 保活 pod报错特定UI横竖屏 Launch版本号 ijkplayer 适配手势截图网络和信号礼物缓存手绘礼物 UIPickerView 文件权限键盘和菜单耗时卡顿国际化 Paypal AWSS3 npm、Node 控制台 warning 扩展防盗链动画分析 CallKit 侧滑重置根控制器播放器裁剪日志 bugly uniapp Swift 文字翻转跨域 WebClip 网络请求地图导航 ZSH SPM Vapor 导航验证码杀进程 Ubuntu Android JWT vue html-js style-class ssh PHP jks css Runtime tree uniCloud 圆角总结

vmodel自定义

数据双向绑定

待研究

CATALOG

FEATURED TAGS

FRIENDS