Проверка формы Vue Js с использованием компонентов и пользовательского интерфейса элемента - PullRequest
Новая
       27

Проверка формы Vue Js с использованием компонентов и пользовательского интерфейса элемента

0 голосов
/ 14 сентября 2018

Я пытаюсь найти способ, используя vue js, компоненты и элементы ui для проверки формы, которая находится внутри таблицы и в которую вставлены данные из шаблона. На данный момент это фрагмент кода, который я написал, где, если el-input пуст, сообщение «hi» должно появиться как событие размытия. Тем не менее, он отображается, даже если в поле ввода есть значение, и кажется, что проверка не может прочитать значение, вставленное из шаблона. Любые идеи о том, как соединить два? 

<el-form ref=“formA”>
  <el-table :data=“data_list” border class=“my-table" size="mini" row-key="id">
   <el-table-column property=“my_name":label='$t("attributes.person_name")' width="200">
        <template slot-scope="scope">
            <el-form-item　:prop=“’data_list.' + scope.$index + ‘.my_name'"
                :rules="{
                            required: true,
                            message: 'hi',
                            trigger: 'blur'
                        }">
                <el-input v-model="scope.row.my_name" />
            </el-form-item>
        </template>
    </el-table-column>
</el-table>

...