![](https://img-blog.csdnimg.cn/direct/c7df9de3819747258d63008517b3c64a.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue
AmBestToday
这个作者很懒,什么都没留下…
展开
-
VS Code快捷键+插件
3.(JSON: Schemas 将架构关联到当前项目中的 JSON 文件)点击在settings.json中编辑。Vscode快速格式化代码(快捷键):shift+alt+f。vue-seamless-scroll —基础版(滚动插件)打开"文件->首选项->设置->用户->扩展->JSON。vue-j-scroll —高级版(滚动插件!ctrl + shift + / => 代码格式化。使用鼠标Ctrl+滚轮放大缩小。原创 2024-01-17 21:09:42 · 447 阅读 · 0 评论 -
vue数据回显
vue数据回显问题场景:父组件传值给子组件,子组件使用 props 进行接收,但是 无法通过 “对象.属性” 的方式,将数据进行操作解决方案:因为数据还没过来,这是走接口的,不是实时的,大都会出现渲染后,数据还没过来的情况,然而页面已经渲染完了,需要等在数据过来在渲染...原创 2021-09-01 22:10:45 · 1296 阅读 · 0 评论 -
Vue机场大屏滚动效果(2)
Vue机场大屏滚动效果(2)Home.vue (父组件):<template> <Scroll :list="list" :width="width" :height="sheight" :textAlign="textAlign" /></template><script>import Scroll from '../components/Scroll.vue'export default { components原创 2021-10-05 18:45:51 · 502 阅读 · 0 评论 -
Vue+elementUI+七牛云上传
Vue+elementUI+七牛云上传前言:关于图片上传的方式有很多,这里的是上传图片到后端,后端返回图片的url路径。七牛云1.进入官网新建账号2.创建空间3.分别找到自己账号下对应的信息,示例:空间名:hnrunzhidomain: https://upload-z2.qiniup.com测试域名:qd8il0gj6.bkt.clouddn.comak:yv_v9PWI1D__Wqn_dYE2oOVeCSWO4tT5zXz0OiKusk:hf2c1TBJ7vEcc7RicB2yE_P原创 2020-08-26 10:53:37 · 699 阅读 · 0 评论 -
vue里面获取dom元素
vue里面获取dom元素一.给元素标签设置 ref 属性二. 通过 this.$refs.name 去调用 //设置背景图//this.$refs.你定义的ref的名称.style.backgroundImage="url("+xxx+")";this.$refs.main.style.backgroundImage="url("+xxx+")";原创 2021-09-04 10:29:58 · 167 阅读 · 0 评论 -
md文件生成项目目录树
原创 2023-05-01 15:58:24 · 311 阅读 · 0 评论 -
1.修改element ui的样式
项目场景:1.给 element ui 的 Tabs的头部,设置红色的 边框问题描述:这里因为没有参照 Vue 的组件化 思想,就把 element ui 的 这些 组件,全部加入了进来在给CSS设置样式的时候,发现并不起作用<style scoped> .el-tabs__item.is-active { border-top: 3px solid red !important; }</style>原因分析:因为 scoped 作用域的问题,所以设置原创 2021-11-29 21:40:06 · 595 阅读 · 1 评论 -
在线怎么生成富文本
首先访问这个界面,把内容copy进来,然后调试 在console里面输入editor.html();原创 2023-05-07 10:47:32 · 1305 阅读 · 0 评论 -
echarts漏斗图转换为金字塔图
echarts漏斗图转换为金字塔图一.原图:二.实际图://虽然箭头可以朝上,但还是不像金字塔sort: 'ascending', //方向反转三.保守做法是用图片的形式(没有使用echarts,而是单纯的采用 html + css 布局的方式)<div> <img src="../../assets/金字塔.png" style="width: 150px; height: 154px;margin-top:-20px" /></div>原创 2021-09-04 21:27:54 · 783 阅读 · 0 评论 -
vue新建一个项目
vue新建一个项目使用前提:效果如图:原创 2020-06-05 15:22:03 · 156 阅读 · 0 评论 -
vue里面不能换行
vue里面不能换行注意看你的标签上面是否有 flex 属性备注:当时我使用标签之后,发现不能换行,原因是我的div上面,有flex属性解决方案设置如下 css 样式flex-wrap: wrap原创 2021-09-04 10:25:08 · 743 阅读 · 0 评论 -
Vue滚动插件
Vue滚动插件基础版 — vue-seamless-scroll高级版 — vue-j-scroll个人推荐使用 vue-j-scroll原创 2021-09-12 12:14:05 · 839 阅读 · 0 评论 -
利用Vue.js制作简单购物车
利用Vue.js制作简单购物车效果如下:参考源码:vue.rar提取码:u6om原创 2020-06-05 13:27:19 · 777 阅读 · 0 评论 -
vue写入 key,value形式的数据
Vue.set的使用调用方法:Vue.set( target, key, value )target:要更改的数据源(可以是对象或者数组)key:要更改的具体数据value :重新赋的值使用方法:1.导入vue2. 使用Vue.set(target, key, value);原创 2021-09-01 22:19:37 · 996 阅读 · 0 评论 -
vue拼接换行符
vue拼接换行符//处理换行var str = 'abc123'var index = parseInt(str / 2) //从中间开始换行var charArray = str.split('');//将abc123拆分成数组 ["a","b","c","1","2","3"]charArray[index] = '\n' + charArray[index]var newStr = charArray.join('')//最终页面显示就是abc123方法2://处理换行va原创 2021-09-04 10:20:45 · 2606 阅读 · 0 评论 -
vue里面props的属性类型
vue里面props的属性类型vue2系列:原创 2021-09-04 10:56:28 · 116 阅读 · 0 评论 -
Vue机场大屏滚动效果(1)
Vue机场大屏滚动效果(1)效果图:把如下的代码,复杂到 html 文件中,并运行,就能看到上图的滚动效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>沿圆形轨迹运动</title> <style type="text/css"> * { margin: 0;原创 2021-10-05 18:25:33 · 430 阅读 · 0 评论 -
VS Code解决代码冲突
VS Code解决代码冲突我个人的 vs code 版本(如果是使用其它版本的,也可以看看是否有其不同之处)1. 准备两个 Gitee 账号2. A账号使用VS Code处理代码,B账号使用 记事本处理代码3.两个账号都拉取最新代码4.模拟 A , B 两账号,修改相同的文件,并且 B 要在 A之前提交,让 A不能正常拉取代码5. B账号修改代码,并推送远程库5.1 进入 src 目录5.2 修改 App.vue 和 main.js 文件,并保存5.3 提交并推送修改的文件6.原创 2021-10-05 21:11:24 · 7657 阅读 · 2 评论 -
在Vue中使用echarts
前提:vue版本: “^2.5.2”,echarts版本:4.9.01. 安装echarts依赖(安装你需要的版本)//安装最新版本npm install echarts -S//指定版本安装 (x.x.x =》 代表echarts的版本)npm install echarts@x.x.x2. 创建图表首先需要全局引入在main.js中// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echa原创 2021-10-18 22:10:34 · 622 阅读 · 2 评论