forms.js 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. define({
  2. name: "forms",
  3. template: `
  4. <div>
  5. <el-form ref="form" label-width="15%">
  6. <div id="vue_head">
  7. <div class="base_set">
  8. <div class="vue-main-title">
  9. <div class="vue-main-title-left"></div>
  10. <div class="vue-main-title-content">表单</div>
  11. </div>
  12. <div class="vue-main-form">
  13. <el-form-item label="商品表单">
  14. <el-switch v-model="form.status" :active-value="1" :inactive-value="0"></el-switch>
  15. <div class="tip">表单用途:用于跨境商品报税使用,开启后首次购买跨境商品的会员需要填写身份证号和真实姓名</div>
  16. </el-form-item>
  17. </div>
  18. </div>
  19. </div>
  20. </el-form>
  21. </div>
  22. `,
  23. style: ``,
  24. data(){
  25. return {
  26. }
  27. },
  28. mounted() {
  29. // this.form.status = 1
  30. },
  31. methods:{
  32. validate(){
  33. return {
  34. status:this.form.status ? this.form.status : 0
  35. }
  36. },
  37. extraDate(){
  38. },
  39. },
  40. props: {
  41. form: {
  42. // type: Object,
  43. default() {
  44. return {}
  45. }
  46. }
  47. }
  48. })