用Hbuilder做vue实例,键盘输入成绩判断是否合格,用v-if来做,这个咋做哇?求!!!

用Hbuilder做vue实例,键盘输入成绩判断是否合格,用v-if来做,这个咋做哇?求!!!,第1张

v-if是用来控制元素显示与隐藏的,不是做判断的,如果是输入框,可以这样

<input type="text" v-model="value" @blur="test"/>

在script里写

export default{

data(){

return {

value:''

}

},

methods:{

test(){

if(Number(this.value)>=60){

//成绩合格的 *** 作

}

}

}

}

为了实现这一需求,啊啊啊啊啊~简直要疯了;设计数据类型,读取数据,添加数据....一系列问题。记录开发不易啊,各种细节处理,调试。

1.点击选中复选框,下面出现复选框选中项

2.不选中复选框时,不出现

3.同时输入框也是可以动态添加的

4.也可以指定项删除

具体实现效果图如下:

1.搭建Vue环境

2.引入elementUI依赖,这里是全局引入的

3.路由router,本项目引入了,看个人需要引入

行为方法:

数据格式:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11960175.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存