vue

使用的是ANTD的组件model 首先准备一个Modal页面QuartlyAppraisalModal.vue <template> <a-modal :title="title" :width="800" :visible="visible" :confirmLoading="confirmLoading" :footer="null" :closable="false" wr…

❤ 写在前面 如果觉得对你有帮助的话，点个小❤❤ 吧，你的支持是对我最大的鼓励~ 欢迎关注我的公众号【有更多的前端教程】 或者来看 我的个人网站 使用clear方法重载 let getchart = echarts.init(this.$el, 'echart-line') getchart.clear() let option = {} getchart.setOption(option); 使…

<a-table rowKey="id" bordered :dataSource="dataSource" :columns="columns" :pagination="ipagination" :loading="loading" @change="handleTableChange"> <span slot="serial" slot-scope="text,record…

在我们使用vue进行开发的过程中，可能会遇到一种情况：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去？ 比如我在做项目遇到一个问题就是，数据列表的选中，我经常做法就是给每个列表的item，动态设置一个check属性，然后点击选中图标，check取反，这个就可以达到选中切换的效果，以下是我的代码: 上图中 item.check这个属性原本在我的数据是没有的，我们利用js中的p…

效果图 需求展示：右上角可左右滑动并控制遮罩层显示隐藏；每行显示4个，每次滑动4个 安装 npm install Swiper yarn add Swiper pnpm add Swiper 代码 template <!-- 控制分页 --> <div class="btn" @click="addPage(-1)"> <img src="@/assets/temp/…

vue实现图片上传功能 一、vue的核心插件 1. vuex 2. vue-router 二、服务器代理配置 三、路由配置 四、自定义axios 五、请求服务器逻辑 六、vuex-store 七、登录界面 八、图片展示界面 九、上传框界面 十、图片待上传界面 十一、图片详情界面 十二、引入css文件 一、vue的核心插件 1. vuex vuex用于集中存储管理应用的所有组件的状态（state）,…

一、虚拟 DOM （virtual dom） diff 算法首先要明确一个概念就是 diff 的对象是虚拟DOM（virtual dom），更新真实 DOM 是 diff 算法的结果。 注：virtual dom 可以看作是一个使用 JavaScript 模拟了 DOM结构 的树形结构，这个树结构包含整个DOM结构的信息 二、为什么使用 diff 算法？ 1、页面结构庞大时，DOM 操作代价太高，…

问题 在vs code的终端用脚手架创建vue项目时报错： vue :无法加载文件C: \Users\86183\AppData\Roaming\npm\vue.ps1, 因为在此系统上禁止运行脚本。有关详细信息，请参阅https:/go. microsoft . com/f wLink/ ?L inkID=135170中的about Execution PoLicies。 所在位置行:1字符: …

（一）vue 初始化对数据的处理 初始化用户传入data ----> 将数据进行观测 -----> 进行对象的处理 -----> 遍历对象 -----> 绑定监听 （1）将对象进行观测：会对数据进行判断，是【数组】还是【对象】 （观察者模式） 特点： 观察者 要直接订阅 观察目标 ， 观察目标 一做出通知， 观察者 就要进行处理（这也是 观察者模式 区别于 发布/订阅模式 …

Vue的use的方法 Vue.use(vuex); Vue.use => 当使用第三方组件时，需要使用Vue.use方法；当用这个方法会默认调用里面的install Vue.use :可以接受对象和函数 如果use传递进来一个对象，那么会默认调用这个对象中的install方法，并且将Vue这个方法传给其第一个参数； Vue.use({install:function(_vue){}}) 如果…