Vue
文章平均质量分 60
安可心
❀今天不学习,明天变咸鱼❀
展开
-
element select下拉选项剔除已添加的选项
element select下拉选项剔除已添加的选项1.初步代码实现:缺陷:2.修复上一步的 bug缺陷:3.优化项目中遇到个需求:货权主体为下拉单选,点击“新增”可以添加多个货权主体,如下图:要求每次新增一行后,下拉选项需要剔除列表中已添加过的选项,如下图:1.初步代码实现:思路:循环货权主体列表,将已添加选项的 id(value) 组成一个数组,去跟下拉选项的初始数据作对比,筛选出未添加的选项生成新的下拉选项数组,赋值给 select 绑定的变量即可。这些逻辑可以写成一个公用方法。然后原创 2021-04-30 11:55:12 · 2879 阅读 · 1 评论 -
如何运行单个.vue文件
1.全局安装Vuenpm install -g @vue/cliMac 需要在前面加 sudo。查看Vue版本:vue -V2.全局安装下面的扩展:npm install -g @vue/cli-service-global3.在本地新建一个Vue文件:<template> <h1>Hello!我是安安</h1></template>4.在这个 .vue 文件所在的目录下运行:vue serve5.在浏览器打开如下地址就可原创 2021-04-09 18:00:14 · 21675 阅读 · 8 评论 -
Vue 父子组件生命周期执行顺序
目录分析挂载阶段更新阶段销毁阶段总结生命周期1.分析在父子组件中分别打印日志,可以得出以下执行顺序。1.1.挂载阶段该过程主要涉及 beforeCreate、created、beforeMount、mounted 4 个钩子函数。执行顺序为:父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -&原创 2021-02-01 17:54:10 · 7200 阅读 · 1 评论 -
vue 使用 echarts 报错:Cannot read property ‘init‘ of undefined“
我使用的 echarts 版本为:5.0.1。我的项目文件 Report.vue 中是这样写的:import echarts from 'echarts'let myChart = echarts.init(document.getElementById('main'));myChart.setOption(this.option)检查过 document.getElementById('main') ,是有内容的。最后,下面两种解决方法我试过了,是都可以的:1. import 引入代码修改原创 2021-01-29 10:24:38 · 384 阅读 · 0 评论