• vue省市区三联动下拉选择组件的实现

    我们曾经经常会遇到需要选择省市区的需求,我们可能是找一个插件来实现,但是有了vue之后,我们自己完全可以简单的实现这个效果,并封装为独立的.vue组件,便于日后使用我们今天来实现一个 利用vuejs开发的 省市区三联动的组件  CitySelect.vue组件首先来看一下最终的效果(没有写太多的样式...

    2023-11-09 19:25:59
  • vue | 基于vue的城市选择器和搜索城市对应的小区

    城市选择器应该是比较常用的一个组件,用户可以去选择自己的城市,选择城市后返回,又根据自己选择的城市搜索小区。功能展示 这是选择结果这是选择城市这是搜索小区这是搜索小区接口,key为城市名字,id是城市的id假如切换城市搜索接口也会相应变化,id=0997 就是指定的搜索城市id技术栈 vue2.0+...

    2023-11-09 19:20:02
  • Element-ui + Vue 省市区街道/镇四级联动组件

    Element-ui + Vue 省市区街道/镇四级联动组件由于全国范围内的省市区四级联动数组十几万个,JS数组相当庞大,因此我讲代码文件以网盘的形式分享分享链接:https://pan.baidu.com/s/1vhwlacv6YyAstsYSGJS0ig 密码:6zsg效果截图部分代码预览...

    2023-11-09 19:05:54
  • 2019年 Vue 省市区联动方法,一秒生成,附带禁止页面跟随滚动效果

    使用 npm 安装:npm install v-distpicker --save引入即可import VDistpicker from 'v-distpicker'详细代码如下,复制即可生成<template> <div class="picker"> ...

    2023-11-09 19:00:58
  • Vue中多级(三级)组件传值

    **·需求:**A组件引入了B组件,B组件引入了C组件,A组件需要传给C组件一个变量(showDisBtn),C组件需要调用A组件中的方法(showDisModal)并传参。·组件A·B组件(BizTable)·C组件(table)...

    2023-11-09 18:56:50
  • 在vue中使用高德地图的下属省市区查询,实现省市区的联动以及规划范围

    在vue中使用高德地图的下属省市区查询,实现省市区的联动以及规划范围一、先上效果图二、高德地图Vue引用一、先上效果图二、高德地图Vue引用1. webpack引入高德在webpack.base.conf.js中找到module.exports对象。添加externals: { 'AMap': 'A...

    2023-11-09 18:54:24
  • Vue_省市区镇四级联动插件

    最近公司附近的张江路有一个小区被确诊一例新冠肺炎,上级为了进一步了解员工的具体地址,对每日健康报备提出新需求,在选择住址时要详细到省市区镇(原来是省市区),于是找到了一个很好的省市区镇四级联动的插件,特此分享给大家使用安装:npm install --save area-linkage-vuenpm...

    2023-11-09 18:50:05
  • EasyDSS高性能RTMP、HLS(m3u8)、HTTP-FLV流媒体服务器前端重构(五)- webpack + vue-router 开发单页面前端实现按需加载

    为了让页面更快完成加载, 第一时间呈现给客户端, 也为了帮助客户端节省流量资源, 我们可以开启 vue-router 提供的按需加载功能, 让客户端打开页面时, 只自动加载必要的资源文件, 当客户端操作页面, 切换功能模块, 触发页面路由变化时, 再去加载相应需要的资源.本系列博客的前面几篇一直在讲...

    2023-11-09 18:16:40
  • vue+element-ui 省市区三级联动选择 pc端项目插件element-china-area-data(非常好用)

    相信大多数项目都会有一个地址填写 !! 我来分享一下element-china-area-data 的用法 第一步当时来把插件下载下来 命令为npm install element-china-area-data -S 下载之后当然 (最好是)检查一下是否下载成功啦 第三步在页面上引入一下 第...

    2023-11-09 17:59:06
  • Vue.js菜单三级以至于多级联动

    公司项目使用Vue.js 前端初学Vue.js 然后给我的静态页面刚开始都能点的动但是接入接口进行数据绑定之后 就点不动了 一番了解之后 才知道是他绑定的是Jquery的click事件在Vue中会因为渲染问题导致失效 常见的解决方法通过setTimeout来 但这很不Vue于是   首先定义三个变量...

    2023-11-09 17:48:15
  • 如何在chrome浏览器中安装vue的调试工具

    听说前段框架vue挺火的,就想折腾学习下这个超火的前端框架。框架确实简单,但是和传统的js html还是有些区别的。所以调试上面还是有些问题的。网上搜索了怎么安装Vue的调试工具,但是发现都有些问题,所以这里跟大家介绍下如何在chrome浏览器中安装vue的调试工具?如何在chrome浏览器中安装v...

    2023-11-09 15:54:45
  • 一个Vue项目 目录里的每一个 文件夹 都是干什么的? #目录 #结构 #目录意义

    因为觉得react的设计哲学不太对我的口味,转到vue玩玩,初始化一个vue项目之后(用vue create/ vue init 都可以)我们得到的项目目录是这样的:buildbuild.js > 生产环境构建脚本check-versions.js > 用来检查npm,node.js版本...

    2023-11-08 23:02:07
  • 一个Vue项目 目录里的每一个 文件夹 都是干什么的? #目录 #结构 #目录意义

    因为觉得react的设计哲学不太对我的口味,转到vue玩玩,初始化一个vue项目之后(用vue create/ vue init 都可以)我们得到的项目目录是这样的:buildbuild.js > 生产环境构建脚本check-versions.js > 用来检查npm,node.js版本...

    2023-11-08 23:01:00
  • nodejs vue-cli 微信公众号开发(一) 申请域名搭建服务器

    一、搭建本地服务器1、首先保存本地的80端口被node监听,利用内网穿透工具把80端口映射出去。(ngrok工具可以穿透内网使本地ip作为外网使用)2、打开https://natapp.cn/tunnel/edit/48496,根据自己的系统下载对应的版本工具,解压后打开cmd, 切换到解压目录,如...

    2023-11-08 22:25:01
  • Windows下Vue开发环境搭建及相关问题

    参考http://blog.csdn.net/wu__di/article/details/54234894 Windows下Vue开发环境搭建主要分为以下几步:一、 node.js安装    Vue项目通常使用webpack工具来构建,而webpack命令的执行是依赖于node.js环境的,所以需...

    2023-11-08 21:15:49
  • idea配置vue开发环境

    1.下载node.js下载地址:https://nodejs.org/zh-cn/2.安装nodejs默认安装即可。 安装完毕后,测试安装是否成功。3.修改镜像库位国内淘宝镜像npm config set registry http://registry.npm.taobao.org4.安装webp...

    2023-11-08 18:00:11
  • 前端开发框架 Vue 学习第一篇—— 开发环境搭建(文末送福利)

    一.安装 NodeJS 1. 下载地址:https://nodejs.org/en/download/安装过程:点击next安装 测试安装成功: 打开命令行窗口(WIN +R键) 命令行输入 node -v ,如果输出版本号,则表示安装成功。 在我们安装NodeJS的同时,它自带的包管理工具 NPM...

    2023-11-08 13:58:08
  • vue中直接将对象的值赋给自定义的变量,但操作后者时,原对象的值会被修改

    如上图为解决办法,其中,this.params4就是定义的一个空对象(this.params4={}),当点击时间触发时将一行记录传到方法openEditBlocCarWind()中,直接赋值给this.params4,然后修改时就会修改obj的值,加上上面的Json处理后就不会啦。下图贴出对应的对...

    2023-11-07 23:08:22
  • 关于vue环境下 apexcharts 动态 赋值失败的问题

    问题:在引用"apexcharts"进行动态赋值的时候,出现了数组赋值失败,插件无法循环生成的问题,排错一下午,最终发现是整理后的数值有问题问题原因:       我们调用接口的循环输出数据,或者直接给data中的值赋值的时候数组的最后一位有可能是“__ob__: Observer”      这些...

    2023-11-07 23:07:38
  • Vue 移动端弹出层时 禁止页面滑动 ,只需两行代码实现

    methods: {stop(){ document.body.style.overflow='hidden';//禁止页面划动 }, move(){ document.body.style.overflow='';//出...

    2023-11-07 17:11:15