vue笔记

初始化包

npm i
报错 可以警告
npm i –legacy-peer-deps

 

 

导入js

import { listScdAppVersion, } from '@/api/scd/scdAppVersion.js'

表格使用字典

<el-table-column prop="isForce" label="是否强理" align="center">
        <template slot-scope="scope">
          <span v-if="scope.row.isForce == 0" class="text-warning">非强理</span>
          <span v-if="scope.row.isForce == 1" class="text-success">强理</span>
        </template>
      </el-table-column>

或者

<el-form-item label="系统内置" prop="type">
          <el-radio-group v-model="form.type">
            <el-radio v-for="dict in typeOptions" :key="dict.dictValue" :label="dict.dictValue">{{dict.dictLabel}}</el-radio>
          </el-radio-group>
        </el-form-item>

表单验证

rules: {
        name: [{ required: true, message: '传感器名称不能为空', trigger: 'blur' }
 { required: true, pattern: /^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/, message: '请输入正确的价格，最多两位小数', trigger: 'blur' },
                    ],],
      unitPrice: [
                        { required: true, pattern: /^(([1-9]{1}\d*)|(0{1}))(\.\d{1,2})?$/, message: '请输入正确的价格，最多两位小数', trigger: 'blur' },
                    ],
      },