原生Html 引入element UI + vue3 表单校验设置

效果:

提交时,检验结果展示 

原生Html 引入element UI + vue3 表单校验设置_第1张图片

html源码





  
  
  
  
  
  



保存按钮
商品信息

 这里一开始获取ruleFormRef这个表单对象,用this获取不到

 const vm = app.mount('#app') 

因为这句话,最后歪打正着,通过vm这个实例,获取:vm.$refs.ruleFormRef.validate()得到检验结果。

相关:

在vue3项目嵌套 导入老项目 jQuery项目,减少重复开发-CSDN博客 

你可能感兴趣的:(vue.js,前端,javascript)