VUE
本分类栏目记录我在项目种遇到的数据渲染问题
Echosansa
这个作者很懒,什么都没留下…
展开
-
this.$nextTick()的原理与使用场景
官网说法:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。获取更新后的DOM,言外之意就是什么操作需要用到了更新后的DOM,而不能使用之前的DOM,所以就衍生出了这个获取更新后的 DOM的Vue方法DOM是如何更新的呢?1.原理Vue实现响应式并不是数据发生变化之后DOM立即变化,而是异步执行DOM更新的。异步执行的运行机制是什么样的?阮一峰老师是这样总结的:(1)所有同步任务都在主线程上执行,形成一个执行栈(exec原创 2021-10-27 10:40:02 · 660 阅读 · 0 评论 -
VUE动态渲染导航菜单(包含一级二级)
1、数据结构export default { data() { return { username: "", list: [ { name:'首页', icon:'el-icon-s-home', url:'/' }, { name:'数据分析', icon:'el-icon-s-data', url原创 2021-05-10 11:32:31 · 1523 阅读 · 0 评论 -
VUE项目的创建运行以及环境的配置
一:搭建环境1、安装node.js(官网地址:http://nodejs.cn/download/)2、npm是一个包管理工具,在我们安装node.js之后,自动拥有包管理功能(都是在命令窗口输入命令:win+r,输入cmd进入命令窗口)npm -v //可以查看版本号node -v //node版本3.由于国内用npm安装第三方依赖时,下载速度较慢,所以建议安装淘宝镜像npm config set registry https://registry.npm.t原创 2021-04-20 13:48:03 · 424 阅读 · 0 评论 -
如何更改VUE项目运行名称以及Logo图标
第一步、打开VUE项目,找到public文件夹第二步、再打开index.html文件,第三步:修改title里面的文字信息(修改运行名称)运行时效果(运行名称)第四步:进入阿里巴巴字体图标库内(修改Logo)第五步:选中图标点击下载(修改logo)第六步:选择png格式下载第七步:保存图片后,在线搜索图片png转ico格式工具,实现在线转换第八步:把转换成ico格式的图片寸放至项目public文件内第九步:打开index.html文件.原创 2021-04-20 10:05:13 · 6157 阅读 · 1 评论 -
状态根据后台返回的数值对应渲染成文字与相应图标
一:表格样式(状态根据后台返回的数值对应渲染成文字与相应图标)<template> <div> <div class="el-tables"> <el-table class="eltable" v-loading="loading" element-loading-text="加载中..." @row-click="getDataClick" :data=原创 2021-04-16 09:41:14 · 775 阅读 · 0 评论