5***@qq.com
5***@qq.com
  • 发布:2019-01-14 16:20
  • 更新:2019-01-18 18:31
  • 阅读:2851

点击触发动态改变input的字体颜色不生效

分类:uni-app

本来想做表单验证,错误的input想改为红色的颜色

<input class="uni-input" type="number" v-model="name"  
                               placeholder="请输入名称"  
                               name="name"  :class="{'error':errClass}" />  

<button @click="onClick">按钮<button>  
<script>  
  export default {  

        data() {  
            return {  
                errClass:false,  
                name:""  
            }  
        },  
        methods: {  

            onClick() {  

                this.errClass= true  

            },  

    }  
</script>  

<style>  
.error{ color:red }  
<style>  
2019-01-14 16:20 负责人:无 分享
已邀请:
7***@qq.com

7***@qq.com

:class = "errClass ? 'errClass' : '' "

  • 5***@qq.com (作者)

    修改了 还是不行!

    2019-01-14 17:00

  • 7***@qq.com

    :class = "errClass ? 'error' : '' " 刚刚写错了,这样呢

    2019-01-14 17:02

虫雪浓

虫雪浓 - 热爱生活,热爱编程

确认bug 已加分。

是因为 原生input 设置颜色后,权重过高 ,所以你动态修改样式 不生效。 确认bug 之后修复。

该问题目前已经被锁定, 无法添加新回复