首页 > 其他分享 >vue指令

vue指令

时间:2023-11-12 17:57:42浏览次数:24  
标签:vue 检查 Number value 指令 props

props:

当不需要检查时,可以写成

props:['value']

此时,不管传过来什么都不会检查,如果想要将数据进行检查,就可以将改成

1.类型验证

props:{
'value' : Number    
}

 



此时会限制类型为Number的数据

2.如果需要更加完整的检查

props:{
'value' : {
type:Number,
required:true,
default:默认值,
validator(value){
    //自定义逻辑
    return 是否通过校验
}
}   
}

 

标签:vue,检查,Number,value,指令,props
From: https://www.cnblogs.com/wllovelmbforever/p/17825192.html

相关文章

  • vue平级访问数据
    <template><divclass="a"><h2>thisisA</h2><span>{{msg}}</span></div></template><script>importBusfrom'../Tools/EventBusTool';exportdefault{data(){......
  • vue跨层访问数据
    <template><divclass="grf">thisisgrandpa<FatherComponent></FatherComponent></div></template><script>importFatherComponentfrom'./FatherComponent.vue';exportdefault{......
  • vue封装一个加载过程
    app.vue<template><divclass="main"><divclass="box"v-isLoging="isLoged"><ul><liv-for="iteminlist":key="item.id"class="news">......
  • vue项目部署添加时间
    constfs=require('fs');constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');classBuildTimePlugin{ apply(compiler){  constbuildTime=+newDate()  compiler.hooks.beforeCompile......
  • vue无法正确使用mastache渲染实例
    问题:<script>varvm=newvue({el:"#app",data:{message:"hello,vue!"}});</script>这段代码中,`vm`是通过`newVue()`创建的一个Vue实例。但是在HTML文件中,`<divid="app">`元......
  • Vue中的插槽
    插槽-默认插槽作用:让组件内部的一些结构支持自定义需求:要在页面中显示一个对话框,封装成一个组件,但是组件的内容部分,不是写死的,希望能使用时自定义。插槽的基本语法组件内需要定制的结构部分,改用<slot></slot>占位使用组件时,在组件中传入结构替换slot,例如<组件名>xxxxxx</组......
  • GDB调试指令整理
    gdb基本指令单步调试n启动程序r执行到下一个断点处c进入函数s跳转到某一行指令until[行号]结束当前函数finish查看当前行附近代码l打印某一变量值p退出q设置断点b查看断点infob删除断点delete[断点号]查看线程infothread跳转线程thread[线程号]当......
  • Vue 实验
    项目初始化#前提:包管理器安装vue-clivuecreate项目名称Vue2实验目的了解Vue2的组件实现机制数据绑定机制双向绑定:input单向绑定父组件→子组件:父组件传入的参数组件→用户:页面内部参数属性监听机制:被监听的参数实验内容实现一个简单的组件,体现......
  • vue自定义指令
    app.vue<template><divclass=""><!--自定义指令全局<inputv-focustype="text"name=""id=""><br>自定义指令局部<inputv-focus2type="text"name=""id="&......
  • Vue自定义指令
    自定义指令根据自定义的指令,可以封装一些dom操作,扩展额外的功能全局注册-语法全局注册是在min.js文件中去定义的Vue.directive('指令名',{//inserted:钩子是一个自定义指令的生命周期钩子函数之一。它会在被绑定的元素插入到父节点时调用。"inserted"(el){......