钉钉小程序与普通vue的区别

1. 动态绑定class:钉钉小程序:class=" {{item.backgroundColor == 'abnormal'? 'bg-abnormal' :( item.backgroundColor ? 'fontColor' : 'c-191F25-60') }}"vue: :class="'red': isActive" :class="[item.backgroundColor...

涵信

5952人浏览 · 2020-04-21 15:24:18

涵信 · 2020-04-21 15:24:18 发布

1. 动态绑定class:
钉钉小程序: class=" {{item.backgroundColor == 'abnormal'? 'bg-abnormal' :( item.backgroundColor ? 'fontColor' : 'c-191F25-60') }}"

vue: :class="'red': isActive" :class="[item.backgroundColor == 'abnormal'? 'bg-abnormal' :( item.backgroundColor ? 'fontColor' : 'c-191F25-60']"

2. 事件传值

钉钉小程序: data-item="item" 把a:for的属性值绑定在事件触发的标签上,然后在事件中,通过event.target.dataset.(绑定的值名称)即可动态根据不同的值来执行不同的逻辑

vue: 直接在事件中传递参数即可

3.改变实例中data的值

钉钉小程序: this.setData({name: value})

vue: this.name = 'beautiful'

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^