
vue
温暖的松子
这个作者很懒,什么都没留下…
展开
-
vue3+ts 绘制流程图 vueflow 附代码及效果图
已完成渲染流程图,自定义模板内容(上下分级),自定义样式,新增节点addRandomNode,点击修改节点nodeClickHandler(从父组件传值)官网:https://vueflow.dev/guide/node.html#node-template文档比较复杂,很多想找的方法没法一下就找到需要注意我装了三个,如果npm安装报错可以试试yarn add原创 2023-07-04 11:43:39 · 9109 阅读 · 16 评论 -
echarts_tootip自定义更改内容、图例、背景、边框
/ 默认是小圆点,我们将其修改成有圆角的正方形,这里用的是模板字符串。并拿到对应颜色、名字、数据。// 默认是小圆点,我们将其修改成有圆角的正方形,这里用的是模板字符串。并拿到对应颜色、名字、数据。echarts_tootip自定义更改内容、图例、背景、边框。原创 2023-03-01 15:49:27 · 2007 阅读 · 0 评论 -
获取一个随机颜色||一步从时间中提取年月日时分秒
/ 通过获取一个16进制的随机数。一步从时间中提取年月日时分秒。原创 2023-01-31 17:44:07 · 151 阅读 · 0 评论 -
component应用/数组循环1,3,5
component应用/数组循环第1,3,5原创 2023-01-31 09:45:54 · 200 阅读 · 0 评论 -
VUE+elementUI el-table 表格跨页全选
【代码】VUE+elementUI el-table 表格跨页全选。原创 2023-01-31 09:41:57 · 1049 阅读 · 0 评论 -
ecahrts柱图自动排序
yxis:{//升序inverse: true,}原创 2022-12-08 11:11:49 · 1186 阅读 · 0 评论 -
el-select 下拉框选择后获取label值,用value返回list对象数组中的对应的label
el-select 下拉框选择后获取label值,用value返回ist对象数组中的对应的label。原创 2022-11-25 17:39:20 · 1673 阅读 · 0 评论 -
表单补充完整时,按钮取消禁用,表单未补充完成时,按钮禁用
按钮代码(同时验证form3和form4补充完整时,取消禁用状态)同时验证多个表单,按钮禁用状态。原创 2022-11-25 11:52:00 · 395 阅读 · 0 评论 -
图表配色卡
图表配色卡原创 2022-11-22 10:37:12 · 273 阅读 · 0 评论 -
vue+elementui限制输入框规则,数字并保留小数,或只能输入数字
【代码】vue+elementui限制输入框规则,数字并保留小数,或只能输入数字。原创 2022-11-22 10:16:13 · 2642 阅读 · 0 评论 -
vue页面内容保存为PDF
【代码】vue页面内容保存为PDF。原创 2022-11-22 09:59:37 · 825 阅读 · 0 评论 -
vue+echarts模板
【代码】vue+echarts模板。原创 2022-11-18 15:05:41 · 582 阅读 · 0 评论 -
vue 获取下拉框数据并赋值 默认选中第一个 列表无数据
原本默认显示第一条的select框变成了空白,在option标签中指定selected属性也没有效果,按照官网案例敲了一遍,还是没有默认显示第一条,网上查了后,才发现需要在生命周期钩子内设置参数。获取默认值的方法写在created里面,和this.$forceUpdate以及$set无关。有时候列表无数据选不中,无法选中默认值,有时候又可以。vue 获取下拉框数据并赋值 默认选中第一个。以下为解决办法,记录一下。...原创 2022-08-26 11:29:42 · 1201 阅读 · 0 评论 -
vue.js获取当前系统时间/年月日时分秒/一行代码
vue一行代码获取当前系统时间,年月日时分秒,定时器实时更新时间以上原创 2022-06-28 17:09:31 · 610 阅读 · 3 评论 -
Vue2+Webpack创建vue项目
webpack创建项目原创 2022-06-17 15:20:25 · 303 阅读 · 0 评论 -
解决vscode 中 css、script、export default 没有高亮问题||代码没有颜色||高亮问题
转载:解决vscode 中 css、script 没有高亮问题打开vscode编辑器----编辑器右下角有个功能图标根据图上所标识,找到 Code Actions On Save 下边的在 settings.json并打开在里添加以下代码"files.associations":{ "*.vue":"html" }添加完成后,高亮出现...原创 2022-04-14 10:00:18 · 4254 阅读 · 2 评论 -
el-input无法输入||自动变成了禁用状态||点击后无法获取焦点
el-input自动变成了禁用状态el-input无法输入vue项目中所有 el-input点击后无法获取焦点突然之间项目所有的input都无法输入,类似禁用状态但不是禁用状态,可以强制获取焦点输入,但无法解决根本问题,网上任何方法都试了没有用最后解决方法,卸载elementui重装 更新到最新版本$ npm install element-ui@2.15.7 -S,重新npm run serve就可以了记录问题...原创 2021-12-03 11:29:19 · 1973 阅读 · 1 评论 -
vue 使用echarts出现 option报错 图表无法显示
确认安装 npm install echarts -Smain.js引入import echarts from 'echarts'Vue.prototype.$echarts = echartsVue.use(echarts)helloworld.vueimport echarts from 'echarts';注意this.$echarts.init(this.$refs.bar);option报错改为let option就好了 Axios.get('static/json/test.原创 2020-10-28 09:35:33 · 2262 阅读 · 0 评论 -
vue引入echarts图表 附示例代码
安装echarts依赖 npm install echarts -S引入 main.js页面import echarts from 'echarts'Vue.prototype.$echarts = echartsHelloWorld.vue页面<div id="myChart" :style="{width: '300px', height: '300px'}"></div><script>export default { name.原创 2020-10-27 15:36:38 · 311 阅读 · 0 评论 -
初学者Vue超简单入门小例子
Vue小实例这是转载一个大大的,跟着敲了以后顿觉清明,于是记录下来这个例子还是比较简单的,独立完成后,能大概知道vue是干嘛的,可以写个todoList的小例子。开始写例子之前,先对环境的部署做点简单的介绍,其实和Vue官方的差不多。#如若没有安装过vue-cli,先全局安装一下vue-cli$ cnpm i -g vue-cli#到自己喜欢的目录下创建一个基于 webpack 模板的新项目$ vue init webpack my-project###之后会有如下询问? Proj原创 2020-10-23 16:16:41 · 2038 阅读 · 2 评论