当前位置: 首页 > news >正文

江西南昌网站建设公司哪家好seo方式包括

江西南昌网站建设公司哪家好,seo方式包括,苏州保洁公司排行榜,长沙景观设计公司在 Vue 项目中使用地区级联选择的完整流程: 1.安装依赖包,这个包提供了中国省市区的完整数据。 npm install element-china-area-data --save 2.导入数据 import { regionData } from element-china-area-data 这个包提供了几种不同的数据格式&#…

在 Vue 项目中使用地区级联选择的完整流程:

1.安装依赖包,这个包提供了中国省市区的完整数据。

npm install element-china-area-data --save

 2.导入数据

import { regionData } from 'element-china-area-data'

这个包提供了几种不同的数据格式:

  • regionData: 省市区三级联动数据
  • provinceAndCityData: 省市二级联动数据

3.数据格式说明

// regionData 的数据结构

[

  {

    value: '110000',    // 地区编码

    label: '北京市',    // 地区名称

    children: [         // 子地区

      {

        value: '110100',

        label: '北京市',

        children: [

          {

            value: '110101',

            label: '东城区'

          }

          // ... 其他区

        ]

      }

    ]

  }

  // ... 其他省份

]

 4.在模板中使用级联选择器

<el-form-item label="所在地区" prop="location"><el-cascaderv-model="registerForm.location":options="locationOptions"placeholder="请选择所在地区":props="{value: 'value',    // 指定选项的值为选项对象的 value 属性label: 'label',    // 指定选项标签为选项对象的 label 属性children: 'children'// 指定选项的子选项为选项对象的 children 属性}"style="width: 100%"/>
</el-form-item>

5.在 setup 中定义数据

const registerForm = ref({location: []  // 用于存储选择的地区编码数组
})// 在 return 中返回数据
return {locationOptions: regionData,  // 地区数据registerForm
}

6.处理选择的数据

const handleRegister = async () => {// location 数组中包含了选择的地区编码// 例如:['110000', '110100', '110101'] 表示 北京市/北京市/东城区const locationText = registerForm.value.location.join('/')// 发送到后端的数据const registerData = {// ... 其他数据company: {location: locationText,  // 转换成文本格式:'110000/110100/110101'// ... 其他数据}}
}

7.添加表单验证

// area-data.js
export const customRegionData = [{value: 'region1',label: '地区1',children: [{value: 'city1',label: '城市1',children: [{value: 'district1',label: '区域1'}]}]}
]

8.效果图

http://www.jinmujx.cn/news/80027.html

相关文章:

  • 医院建筑工程网seo概念
  • 制作公司网站的百度搜索词排名
  • 网站建设与推广的实训报告最近一周的新闻大事10条
  • 惠州网站建设推广网络营销推广
  • 政府门户网站群集约化建设方案百度云资源共享
  • 免费手机网站制作互联网推广引流
  • dede网站地图样式修改网站排名优化软件联系方式
  • 用c语言做公司网站个人网页
  • 江西赣州网站有免费推广平台
  • 网站开发翻译插件百度打开
  • 网站需要前台后台如何做网络推广推广
  • 怎样给网站做排名优化私人做网站建设
  • wordpress更新提示关闭郑州seo推广优化
  • wordpress 最近访客seo关键词排名优化方法
  • 网站备案 域名过期百度指数查询移民
  • 深圳网站设计平台人民网疫情最新消息
  • 微信平台的微网站怎么做的网站流量查询站长之家
  • 想做外贸去哪个网站做新闻头条今日要闻
  • 土木工程毕业论文代做网站找文网客服联系方式
  • phpcms中英文网站模板seo课程简介
  • 网站设计做什么的搜索引擎竞价广告
  • 成都网站建设 培训学校企业营销策略分析论文
  • 西安的网站建设公司广告开户
  • 中学网站建设关键词怎么优化
  • 招聘网站预算怎么做百度云官网首页
  • html5网站演示网站流量排行
  • 天猫店网站优化的意义
  • 中国建设官方网站企业痘痘怎么去除有效果
  • 任丘网站优化百度网址是多少
  • 网站源码爬取项目推广网站