vue
战斗中的老段
这个作者很懒,什么都没留下…
展开
-
vue大屏可视化布局
html { /* 将屏幕整个宽度设置为24rem,从而自动实现内容按照屏幕的大小进行缩放 */ /* 屏幕大小比例 16:9 */ font-size: calc(100vw / 24);}body { font-size: 0.12rem; width: 100vw; height: calc(100vw / 16 * 9);}*{ padding: 0rem; margin: 0rem;}3、px 与 rem 的选择?16px=1rem1920*1原创 2021-11-01 04:30:20 · 2255 阅读 · 0 评论 -
vue2 组件传递数据
详细步骤:1.在components创建子组件2.等父组件接受到参数后通过Props来接受父组件传递过来的数据。原创 2023-12-21 00:10:15 · 575 阅读 · 0 评论 -
本地运行vue脚手架 从下载node开始到创建vue
vue2+node。原创 2023-12-20 10:37:30 · 474 阅读 · 0 评论 -
img标签 图片显示不全
解决方法就是给div里边的img设置width:100%原创 2023-10-22 09:40:00 · 781 阅读 · 0 评论 -
vue 把echarts封装成一个方法 并且从后端读取数据 +转换数据格式 =动态echarts 联动echarts表
mounted调用下边两个方法methods里边的方法饼图注意的地方:发现后端给我们返回的不是echarts的格式 ,这个时候我们做一个操作下一步操作 遍历内容 数据格式转换最后一步 在echarts柱状图或者折线图里边去显示这些数据饼状图取数据 发现数据循环遍历+数据格式转换饼图最后一步 在echarts柱状图或者折线图里边去显示这些数据全部代码原创 2023-09-18 20:25:55 · 1983 阅读 · 0 评论 -
ValidationError: Progress Plugin Invalid Options
注意看一下你之前的版本是vue2 还是vue3 如果是vue2的话 你执行npm install -g yarn或者npm i -D vue,他可能会自动帮你升级为vue3, 而在vue3和vue2对比当中, main.js的配置是不一样的。遇到上面这个问题的前提是你安装好了yarn 只需要在运行yarn install就可以了 成功!运行提示有一个警告 并且提示你在main.js当中 那要留意提下脚手架和Vue版本问题。我项目用的是 vue2;这是用命令安装了一个echarts就变成这个样子。原创 2023-09-18 14:55:36 · 1633 阅读 · 0 评论 -
vue 从后端取图片返回发现是两张,但自己只要一张图片 怎么操作
1用JavaScript里边常用的分隔符去操作。原创 2023-09-03 13:20:22 · 153 阅读 · 0 评论 -
vue 根据数值判断颜色
1.首先style样式给两种颜色 用。第一步:在style里边设置两种颜色。在取数据的标签 里边 判断一种颜色。三元运算符判断出一种颜色。原创 2023-09-02 17:13:19 · 1115 阅读 · 0 评论 -
vue 安装并配置vuex
配置成功后会出现这个页面 我这个是给谷歌浏览器安装了一个vue插件。感觉main页面里边配置内容太多,可以单独把vuex拉出来。2.全局配置 在main文件里边导入-安装-挂载。index.js页面。原创 2023-08-16 20:07:43 · 357 阅读 · 0 评论 -
vue 发现页面找不到3秒后跳转到本页面
第二种通过name来跳转页面 在路由里边多写一行 name属性;通过goto来绑定一个方法 里边传参。这个路由跳转用到的是编程式跳转。find是路由里边的路径。原创 2023-08-15 22:00:25 · 545 阅读 · 0 评论 -
vue 路由地址把#去掉
想把端口号8000换成其他的 比如我这样的3000。在路由对象里边添加history模式就不显示#原创 2023-08-15 20:53:14 · 694 阅读 · 0 评论 -
vue 安装指定的less版本 || Failed to resolve loader: less-loader You may need to install it
安装less的时候需要注意的地方 尽量安一个稳定中间的版本。意思就是让你安装这个less。1.刚运行项目发现报这个错。原创 2023-08-09 19:19:50 · 426 阅读 · 0 评论 -
vue2 todoapp案例(静态)
2.把子组件引入到父(app.vue)组件中:main全局样式引入base.css和index.css。1.创建三个子组件(原创 2023-08-07 20:01:20 · 187 阅读 · 0 评论 -
vue2 el-carousel轮播图和文字一起改变
vue项目的话 安装一下element依赖。入口文件引入element包。我在app文件里边去写的。原创 2023-08-02 13:35:42 · 1912 阅读 · 0 评论 -
vscode 第一个文件夹在上一层文件夹同行,怎么处理
解决方法就是 打开vscode里边的首选项 进入设置 把。我的是这样的 打开终端特别麻烦。原创 2023-08-02 12:38:16 · 2003 阅读 · 0 评论 -
vue关闭ESlint
在 vue.config.js里边写上这一句代码。原创 2023-07-31 20:26:30 · 634 阅读 · 0 评论 -
vue 修改端口号
在根目录创建一个vue.config.js文件夹。原创 2023-07-31 20:00:32 · 714 阅读 · 0 评论 -
vue 安装依赖 和卸载依赖
如 npm install mqtt。卸载完去package.json 页面看看有没有卸载完成。原创 2023-02-08 13:39:00 · 2182 阅读 · 0 评论 -
把你发版需要的东西发给我 我部署一下
本地jar 包部署服务器上需要的东西原创 2023-01-06 14:33:10 · 60 阅读 · 0 评论 -
vue transition淡入淡出效果
v-enter-active:进入动画(Vue2).v-leave-active:离开动画(Vue2).v-enter-active 进入动画(Vue3).v-leave-active 离开动画(Vue3).v-enter-from 进入始状态、.v-leave-from进入 始状态、.v-enter-to :进入末状态。.v-enter-to 进入末状态、.v-leave-to 进入末状态、.v-leave-to:末状态。.v-enter:进入始状态。.v-leave:进入始状态。原创 2022-11-14 15:17:46 · 1840 阅读 · 0 评论 -
Already included file name ‘d:/work/老陈/rookie-tutorial/vue/5-组件/comapp/src/components/Child2.vue‘ di
解决方法就是 把引入的路径 .vue去掉就可以了。原创 2022-11-13 10:06:25 · 160 阅读 · 0 评论 -
v-model双向数据绑定小案例 (工作中经常用到)
表单提交是开发中非常常见的功能,也是和用户交互的重要手段:比如用户在登录、注册时需要提交账号密码;这些都要求我们可以在代码逻辑中获取到用户提交的数据,我们通常会使用v-model指令来完成。v-model指令可以在表单 input、textarea以及select元素上创建双向数据绑定它会根据控件类型自动选取正确的方法来更新元素。它负责监听用户的输入事件来更新数据,并在某种极端场景下进行一些特殊处理。是Vue框架的一种内置的API指令。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。原创 2022-10-30 22:33:39 · 445 阅读 · 0 评论 -
vue input输入框 button按钮绑定点击事件
指令在表单 、 及 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。敲击enter回车之后直接提交表单。原创 2022-10-25 16:23:33 · 2150 阅读 · 0 评论 -
net::ERR_CONNECTION_REFUSED
再确认一下访问的端口号是否写对了或者ip地址是否有问题?先问一下后端人员后端项目有没有启动?原创 2022-10-25 15:21:29 · 3587 阅读 · 0 评论 -
vue v-if条件判断小案例 (工作当中经常会使用到的)
vue v-if条件判断小案例。原创 2022-10-17 14:54:38 · 303 阅读 · 0 评论 -
vue2项目 首次打包需要注意的地方
1、首先在config.js文件里边简单配置一下。配置完后,重新运行一下项目。就是你没打包之前的页面效果。原创 2022-10-13 08:44:59 · 430 阅读 · 0 评论 -
vue 按钮绑定事件小案例
第四步:data给绑定class设置一个初始值。第二步:第一个div;第七步:绑定点击事件并判断样式。1、第一步:写一个div容器。第六步:给样式设置一个初始值。原创 2022-10-12 11:12:23 · 1610 阅读 · 0 评论 -
vue修改element自带的样式
复制完之后发现 没有样式效果;这个时候再.el-dialog标签前加穿透deep,再改改其他的属性。原创 2022-10-12 08:52:20 · 447 阅读 · 0 评论 -
vue 生命周期案例
1、mounted的理解?原创 2022-09-06 01:15:29 · 316 阅读 · 0 评论 -
vue2+vant mock模拟数据在页面上渲染出来 (五)
把utils/request.js 换成真实开发后端路径。2、在页面中显示子三个组件数据效果。三个组件请求api接口提供的数据。api请求mock模拟出的数据。mock.js进行模拟数据。组件效果和请求接口成功。原创 2022-08-12 23:13:58 · 922 阅读 · 0 评论 -
in ./src/components/NavHeader.vue?vue&type=script&lang=js& “export ‘default‘ (imported as ‘mod‘) wa
in ./src/components/NavHeader.vue?vue&type=script&lang=js&"export 'default' (imported as 'mod') was not found in '-!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NavHeader.vue?vue&t原创 2022-08-10 17:18:30 · 2864 阅读 · 1 评论 -
vue2+vant 进行Mock.js模拟接口测试 (四)
2、在src里边创建mock文件夹,进行模拟接口中的数据。4、在 api文件夹里边的进行mock接口请求。5、在页面中引用接口并测试mock接口成没成功。1、安装mock.js依赖。3、在入口文件引入mock。原创 2022-08-09 20:36:27 · 513 阅读 · 0 评论 -
vue +vant 封装请求以及不同环境下请求不同的api服务器(三)
多种环境请求不同api服务原创 2022-08-05 00:37:09 · 1116 阅读 · 0 评论 -
vue+ vant Rem 布局适配(二)
是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位。原创 2022-08-04 21:47:36 · 223 阅读 · 0 评论 -
vue2 + vant 搭建框架并成功引入vant移动端组件(一)
4、vue2搭建成功。5、安装vant依赖。原创 2022-08-04 16:15:30 · 1057 阅读 · 0 评论 -
项目路径怎么快速引入
路径快速引入,又快又准还不费劲原创 2022-07-04 22:07:46 · 84 阅读 · 0 评论 -
安装指定的vue-router版本
1、打开终端2、运行此命令npm i [email protected]、3.2.0就是版本的意思,可以改成自己指定的版本原创 2022-01-26 18:26:51 · 2600 阅读 · 0 评论 -
快捷键关闭终端
1、想快捷键关闭终端;或者重新运行终端命令是 ctrl+c这样就可以了原创 2022-01-11 14:41:11 · 1645 阅读 · 0 评论 -
lintOnSave设置
1、刚创建新的项目;每次运行出现很多警告。2、这个时候在项目文件目录下可以创建一个vue.config.js3、在这里边输入module.exports ={lintOnSave:false}4、把终端关掉;重新运行一下就可以了。总结:这个问题是设置是否在开发环境下每次保存代码时都启用 eslint验证。...原创 2022-01-11 14:37:11 · 6483 阅读 · 0 评论 -
vue封装echarts示例
1、首先先弄明白vue怎么引入echarts示例,再弄封装echarts这个事情vue框架引入echarts示例2、封装组件pops是: 父组件通过v-bind向子组件传值,子组件通过props来获取父组件传递过来的值,被引用的就是子组件3、组件并通过子组件传入数据数据...原创 2021-10-30 19:07:30 · 179 阅读 · 0 评论