• Vue后台中优雅书写状态标签的方法实例
• 目录前言优化抽离变量二次封装 el-tag 组件使用总结前言在后台系统开发中，对于列表，常常有一些状态字段的展示，比如审核状态、退货申请状态等等，并且往往伴随有状态筛选的列表查询条件，同时状态显示对应不同颜色，在写代码时有些人往往是这么做的：<template> <el-form...
• 日期：2023-02-11
• 浏览：227
• 标签： Vue

---

• vue学习笔记之动态组件和v-once指令简单示例
• 本文实例讲述了vue动态组件和v-once指令。分享给大家供大家参考，具体如下：点击按钮时，自动切换两个组件<component :is='type'></component>，当点击按钮之后，会自动清除原来的组件，显示新的组件。每一次切换，都需要销毁+创建但是这样消耗有点大...
• 日期：2023-02-04
• 浏览：286
• 标签： Vue

---

• vue-cli或vue项目利用HBuilder打包成移动端app操作
• 一、测试项目是否可以正确运行 指令:npm run dev1、首先我们先建立一个vue的项目，本人用的是vue-cli随便建立的，然后运行项目二、修改路径 (assetsPublicPath: ‘./’)1、 打开我们config中的js文件，修改assetsPublicPath的路径为'./'（下...
• 日期：2022-12-23
• 浏览：264
• 标签： Vue

---

---

• 解决vue字符串换行问题(绝对管用)
• vue 中 用 {{}} 进行数据绑定的时候，如果我么你想让字符串换行是不生效的解决办法，不用上边的方式进行数据绑定，用v-html标签代替{{}}data中的str为 '<b>1111</b><br/>2222'例1，<div>{{str}}<...
• 日期：2022-12-14
• 浏览：369
• 标签： Vue

---

• vue用elementui写form表单时,在label里添加空格操作
• 要在密码两字中间添加空格，发现直接添加&nbsp; 是识别不了的，正确写法为：代码： <el-form-item label='密 码:' :label-width='formLabelWidth' prop='password'> <label slot='label...
• 日期：2022-12-07
• 浏览：427
• 标签： Vue

---

• Vue使用CDN引用项目组件，减少项目体积的步骤
• Vue项目打包后有的文件动辄几百KB或几M，这对一个前端项目的加载无疑是致命的。当你的服务器部署在阿里云或亚马逊，每秒只有100kb的加载速度时，页面的载入速度绝对让你崩溃。那么有什么办法可以在依旧是100kb/s的加载速度下让我们的页面快起来呢？CDN算是其中之一的解决办法。首先，我们要明白为什么...
• 日期：2022-11-08
• 浏览：170
• 标签： Vue

---

• 写一个Vue loading 插件
• 作者：imgss出处：http://www.cnblogs.com/imgss什么是vue插件? 从功能上说，插件是为Vue添加全局功能的一种机制，比如给Vue添加一个全局组件，全局指令等； 从代码结构上说，插件就是一个必须拥有install方法的对象,这个方法的接收的第一个参数是Vue...
• 日期：2022-11-02
• 浏览：132
• 标签： Vue

---

• 详解Vue组件复用和扩展之道
• 概述软件编程有一个重要的原则是 D.R.Y（Don’t Repeat Yourself），讲的是尽量复用代码和逻辑，减少重复。组件扩展可以避免重复代码，更易于快速开发和维护。那么，扩展 Vue 组件的最佳方法是什么？Vue 提供了不少 API 和模式来支持组件复用和扩展，你可以根据自己的目的和偏好来...
• 日期：2022-09-30
• 浏览：68
• 标签： Vue

---

• vue实现计数器简单制作
• 本文实例为大家分享了vue实现计数器简单实现代码，供大家参考，具体内容如下过程注意事项 创建vue实例时：el（挂载点）data（数据）methods（方法）。 v-on指令得作用是绑定事件，简写为@。 方法中通过this关键字获取data中的数据。 v-text指令的作用是...
• 日期：2022-09-28
• 浏览：333
• 标签： Vue

---

• VUE 无限层级树形数据结构显示的实现
• 目录组件递归调用使用render方法在做项目中，会遇到一些树形的数据结构，常用在左侧菜单导航，或者评论引用等地方，这种数据结构有个特点是不知道它会嵌套多少层，所以用template去展示这样的数据时就有点棘手，这篇文章梳理两种展示这种数据结构的方法。文章中用到的数据是下面这个：mainData: {...
• 日期：2022-09-28
• 浏览：337
• 标签： Vue

---