- 引言 在前端项目开发过程中，el-table展示的结果列使用组件形式引入，其中某些字段通过:formatter方法转码，结果栏位的字段显示/隐藏控制也使用组件形式引入，前端在控制字段显示属性时，发现码值转换及字段信息展示均有问题。 问题分析 通过阅读代码结构，发现el-table-column通过template循环生成，由于template的作用是模板占位符，可... 引言 在前端项目开发过程中，el-table展示的结果列使用组件形式引入，其中某些字段通过:formatter方法转码，结果栏位的字段显示/隐藏控制也使用组件形式引入，前端在控制字段显示属性时，发现码值转换及字段信息展示均有问题。 问题分析 通过阅读代码结构，发现el-table-column通过template循环生成，由于template的作用是模板占位符，可...
- 需求描述 1、根据后台传值动态显示开关状态及文字说明（0为文字，1为图标） 实施方法 Swich默认是boolean类型，而后台传值为number类型，这个时候我们需要用number来取代boolean类型； <template slot-scope="scope"> <el-switch v-model="state" on-value="1" off-v... 需求描述 1、根据后台传值动态显示开关状态及文字说明（0为文字，1为图标） 实施方法 Swich默认是boolean类型，而后台传值为number类型，这个时候我们需要用number来取代boolean类型； <template slot-scope="scope"> <el-switch v-model="state" on-value="1" off-v...
- 一、简单逻辑验证（直接使用rules） 实现思路 html中给el-form增加 :rules="rules" html中在el-form-item 中增加属性 prop="名称" js中直接在data中定义rules:{} html部分 <el-form ref="form" :rules="rules" :model="form" label-widt... 一、简单逻辑验证（直接使用rules） 实现思路 html中给el-form增加 :rules="rules" html中在el-form-item 中增加属性 prop="名称" js中直接在data中定义rules:{} html部分 <el-form ref="form" :rules="rules" :model="form" label-widt...
- Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！ CSDN-markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等）！对，就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实... Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！ CSDN-markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等）！对，就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实...
- 第一个vue程序 vm <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <... 第一个vue程序 vm <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <...
- vue动画 一、vue中css 的动画原理 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>fade出入动画</title> <script src="https://... vue动画 一、vue中css 的动画原理 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>fade出入动画</title> <script src="https://...
- 文章目录 第一章、环境搭建1.1、准备：1.2、nodejs安装1.3、npm安装1.4、vue安装 第二章、目录结构2.1、webpack2.2、webpack下的全局文件结构 第三章、Vue调试3.1、下载工程3.2、安装cnpm支持3.3、构建devtools3.4、devtools常用问题 第四章、定义页面4.1、创建页面4.2、定义路由 附录资料 ... 文章目录 第一章、环境搭建1.1、准备：1.2、nodejs安装1.3、npm安装1.4、vue安装 第二章、目录结构2.1、webpack2.2、webpack下的全局文件结构 第三章、Vue调试3.1、下载工程3.2、安装cnpm支持3.3、构建devtools3.4、devtools常用问题 第四章、定义页面4.1、创建页面4.2、定义路由 附录资料 ...
- 一、搭建vue的开发环境 (1)安装node.js (2) 安装脚手架工具，官方命令行工具 npm install --global vue-cli / cnpm install --global vue-cli (3) 创建项目 vue init webpack vue-demo01 创建过程 看到 ESlin... 一、搭建vue的开发环境 (1)安装node.js (2) 安装脚手架工具，官方命令行工具 npm install --global vue-cli / cnpm install --global vue-cli (3) 创建项目 vue init webpack vue-demo01 创建过程 看到 ESlin...
- Vue 起步 Vue 作为MVVM框架，极大的减少了 对 dom 元素的操作。 一、数据的双向绑定，2s之后hello vue 变为 bye vue <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <t... Vue 起步 Vue 作为MVVM框架，极大的减少了 对 dom 元素的操作。 一、数据的双向绑定，2s之后hello vue 变为 bye vue <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <t...
- 我不会抵触Angular，也会继续拥抱vue，按前端界这种疯狂的进化速度，哪天又有了一个新框架，吸收了Angular/vue的精华，干掉它们两个也很正常。能更好的解决问题的就是好技术，欢迎推陈出新，这就是技术进步。 我不会抵触Angular，也会继续拥抱vue，按前端界这种疯狂的进化速度，哪天又有了一个新框架，吸收了Angular/vue的精华，干掉它们两个也很正常。能更好的解决问题的就是好技术，欢迎推陈出新，这就是技术进步。
- 1、按需引入UI组件当下市面上流行的UI组件基本都支持按需加载，本文以Element UI为例：（1） 新建一个elementUI.js文件（2） 访问地址找到按需引入方式的说明（3） 复制里面的内容到新建的JS文件中，并注释掉不用的组件（4） 在主文件JS（一般为main.js）中引用elementUI.js文件2、异步引入路由组件路由组件的优化主要是文件引入方式的变化，对于引入后的组件使... 1、按需引入UI组件当下市面上流行的UI组件基本都支持按需加载，本文以Element UI为例：（1） 新建一个elementUI.js文件（2） 访问地址找到按需引入方式的说明（3） 复制里面的内容到新建的JS文件中，并注释掉不用的组件（4） 在主文件JS（一般为main.js）中引用elementUI.js文件2、异步引入路由组件路由组件的优化主要是文件引入方式的变化，对于引入后的组件使...
- 在11月14日-16日于多伦多举办的 VueConf TO 2018 大会上，尤雨溪发表了名为 “ Vue 3.0 Updates ” 的主题演讲，对 Vue 3.0 的更新计划、方向进行了详细阐述。 在11月14日-16日于多伦多举办的 VueConf TO 2018 大会上，尤雨溪发表了名为 “ Vue 3.0 Updates ” 的主题演讲，对 Vue 3.0 的更新计划、方向进行了详细阐述。
- 利用VUE写一个在控制台打印当前的scrollTop 。 利用VUE写一个在控制台打印当前的scrollTop 。
- 前后端分离听了无数遍，本质就是后端只写接口，前端写界面。理想化的方案，后端搭数据库，写后端界面功能，写接口api。前端写vue，依据本地的json文件写数据呈现的样式。后来，发现前后端有个时间差，于是，前端把需要用到的json文件放到网上（比如[www.easy-mock.com等平台），这样后端可以紧跟前端脚步，同步编写项目的api接口。其实还一个比较模糊的事情，交互谁来写（如果后端返回空... 前后端分离听了无数遍，本质就是后端只写接口，前端写界面。理想化的方案，后端搭数据库，写后端界面功能，写接口api。前端写vue，依据本地的json文件写数据呈现的样式。后来，发现前后端有个时间差，于是，前端把需要用到的json文件放到网上（比如[www.easy-mock.com等平台），这样后端可以紧跟前端脚步，同步编写项目的api接口。其实还一个比较模糊的事情，交互谁来写（如果后端返回空...
- Vue.js 是开源的 JavaScript 框架，能够帮助开发者构建出美观的 Web 界面。当和其它网络工具配合使用时，Vue.js 的优秀功能会得到大大加强。如今，已有许多开发人员开始使用 Vue.js 来取代 Angular 和 React.js 。 Vue.js 是开源的 JavaScript 框架，能够帮助开发者构建出美观的 Web 界面。当和其它网络工具配合使用时，Vue.js 的优秀功能会得到大大加强。如今，已有许多开发人员开始使用 Vue.js 来取代 Angular 和 React.js 。
上滑加载中
推荐直播
1
-
空中宣讲会 2025年华为软件精英挑战赛2025/03/10 周一 18:00-19:00
宸睿 华为云存储技术专家、ACM-ICPC WorldFinal经验 晖哥
2025华为软挑赛空中宣讲会重磅来袭！完整赛程首曝+命题天团硬核拆题+三轮幸运抽奖赢参赛助力礼包，与全国优秀高校开发者同台竞技，直通顶尖赛事起跑线！
即将直播 -
空中宣讲会 2025年华为软件精英挑战赛
2025/03/10 周一 18:00-19:00
宸睿 华为云存储技术专家、ACM-ICPC WorldFinal经验 晖哥
2025华为软挑赛空中宣讲会重磅来袭！完整赛程首曝+命题天团硬核拆题+三轮幸运抽奖赢参赛助力礼包，与全国优秀高校开发者同台竞技，直通顶尖赛事起跑线！
即将直播 -
空中宣讲会 2025年华为软件精英挑战赛
2025/03/10 周一 18:00-19:00
宸睿 华为云存储技术专家、ACM-ICPC WorldFinal经验 晖哥
2025华为软挑赛空中宣讲会重磅来袭！完整赛程首曝+命题天团硬核拆题+三轮幸运抽奖赢参赛助力礼包，与全国优秀高校开发者同台竞技，直通顶尖赛事起跑线！
即将直播
热门标签
