目录

hymn

忽有故人心头过,回首山河已是秋。

标签: vue (3)

vue elementui 表单验证问题

:rules="saveRules" 表单验证规则 :ref="saveForm" 保存时验证表单 下拉框表单验证时:el-select中的v-model=“tempContract.tempId”, trmpId 必须和 saveRules 中的名字一样 <el-select v-model="tempContract.tempId" placeholder="请选择" @change="changeElement"> <el-select v-model="tempContract.tempId" placeholder="请选择" @change="changeElement"> tempId: [ { required: true, trigger: ["blur",'change'], message: '请选择模板' } ] 下拉框验证 trigger: ["blur",'change'] <el-form :model="tempContract" label-position="right" :rules="saveRules" r....

vue + elementUI 中 el-table-column 的 json 数据转换

JSON.parse(scope.row.json) 可以直接直接转换json字符串 <el-table-column align="center" label="填写内容"> <template slot-scope="scope"> <el-row v-for="json in JSON.parse(scope.row.json)" :key="json"> {{json}} </el-row> </template> </el-table-column>

vue 动态表单验证

关键的几点 el-form-item 中: v-for="(item,index) in tempContract.need" :prop="'need.'+ index +'.cname'" :rules="cardRules.charge" el-form-item 下的 el-input : v-model="need[index].value" <el-col :span="12" v-for="(item,index) in tempContract.need" :key="index"> <el-form-item :label="item.label" class="rules" :prop="'need.'+ index +'.cname'" :rules="cardRules.charge"> <el-input :placeholder="item.value" v-if="item.cname!=='type'" v-model="need[index].value" @change="changeConsole">&l....