Vue
文章平均质量分 51
Silence-Lee
心动不如行动!
努力提高自我的程序媛~
展开
-
vue之.sync的详解
文章目录1 子组件改变父组件中的变量值1.1 不使用sync1.2 使用sync2 实现父子组件双向绑定参考:深入理解.sync修饰符(https://www.cnblogs.com/Jingge/p/10724833.html)1 子组件改变父组件中的变量值1.1 不使用sync我们知道,vue中父组件是使用v-bind(缩写为:)给子组件传入参数,然后子组件通过prop属性接收该参数。此时我们可以给子组件传入一个函数,子组件通过调用传入的函数来改变父组件中参数的值。即主要部分如下所示&原创 2021-07-12 20:44:39 · 15985 阅读 · 12 评论 -
el-tree组件使用@check-change、current-change、node-expand、node-click时执行顺序问题
官方文档解释如下:经debugger实验,先执行current-change、node-expand(假如节点展开)、node-click,最后执行check-change,check-change是检查节点发生变化时调用,比节点自身变化要慢原创 2021-07-07 16:06:22 · 7787 阅读 · 0 评论 -
VueX(Vue状态管理模式)
文章目录一、初识VueX1.1 关于`VueX`1.2 安装1.3 使用1.3.1 初始化`store`下`index.js`中的内容1.3.2 将`store`挂载到当前项目的`Vue`实例当中去1.3.3 在组件中使用`Vuex`1.4 安装Vue开发工具VueDevtools二、VueX中的核心内容2.1 VueX的工作流程2.2 mutations(同步操作)2.2.1 `mutations`使用方法2.2.2 `mutations`传值2.2.3 增删`state`中的成员2.3 actions(转载 2020-11-26 17:39:57 · 202 阅读 · 1 评论 -
多余字符串用小数点表示并实现复制功能
1、需求多余字符串用小数点表示悬停展示全部字符串能进行复制需求及结果展示如下:2、实现过程使用el-tooltip悬停展示提示框里面的内容使用substring+'...'进行字符串截取复制代码参考如下注意:对字符串做substring时,需要判断其是否为空。即在数据前面的标签里面,进行判断 v-if=“字符串内容”...原创 2020-11-11 11:26:37 · 699 阅读 · 0 评论 -
Vue中 this.$router.push 传参 及 参数接收
文章目录1、两种方式方法一:name跳转页面方法二:path跳转页面2、区别1、两种方式方法一:name跳转页面this.$router.push({name:'anotherPage',params:{id:1}});另一页面接收参数方式:this.$route.params.id示例:控制台展示:方法二:path跳转页面this.$router.push({path:'/anotherPage',query:{id:1}});另一页面接收参数方式:this.$route.原创 2020-09-02 17:46:20 · 498642 阅读 · 6 评论 -
vue中引用echarts组件的两种方式
1 下载echarts组件库命令为:npm install echarts --save2 两种使用方式下载好后就可以在vue项目中使用了,使用时有全局使用和按需引入两种方式。2.1 全局引入在main.js中直接引入缺点:完整引入Echarts,会额外的引入其他无用的配置文件,造成项目文件体积过大,首屏加载也会慢,资源加载耗时过长,影响用户体验/** * @file 项目主入口 * @author yizuodao */ import Vue from 'vue'import原创 2020-06-11 16:16:05 · 3412 阅读 · 0 评论 -
vue 中通过监测滚动条加载数据(懒加载数据)
vue 中监测滚动条加载数据(懒加载数据)methods: { titleAlert(title) { console.log(title); alert(title) }, // 获取滚动条当前的位置 getScrollTop() { let scrollTop = 0 if (document.d...原创 2019-08-31 15:18:17 · 4042 阅读 · 1 评论 -
vue create vue3报npm ERR! errno -4048 Error: EPERM: operation not permitted错误解决方法
在安装vue-cli3脚手架时报如下错误,具体错误信息如下:E:\1论文代码>vue create vue3-li? Your connection to the default npm registry seems to be slow. Use https://registry.npm.taobao.org for faster installation? YesV...原创 2019-07-06 15:43:18 · 6439 阅读 · 6 评论 -
Vue组件的创建与注册
组件优势:组件的出现,就是为了拆分Vue实例的代码量的,将不同的功能模块用不同的组件表示出来,将来需要什么样的功能,就可以去调用对应的组件即可组件可以扩展HTML元素,封装可重用的HTML代码,使用时可以将组件看作自定义的HTML元素。组件化和模块化的不同:模块化: 从代码逻辑的角度进行划分,方便代码分层开发,保证每个功能模块的职能单一 (node模块化)组件化: 从UI界面的...原创 2019-06-18 16:31:10 · 292 阅读 · 0 评论