qq_41365048的博客

两种方式（不分页排序和分页排序）方式1、每一页的序号都重新排序方式2、基于分页的序号，点击下一页会自动往后继续排序。方式1 实现效果：方式1 实现代码： // 表头 const logColumns = [ { title: '序号', align: "center", width: 60, customRender: ({ text, record, index

在 vue 中 class 动静结合使用？需求说明：开发过程中遇到一个 class 需要给两个或两个以上的类，其中有静态也有动态的。俗话说，好记性不如烂笔头，因此做手记录实现的四种方式（暂时发现这四种）：方式一：<li :class="['user-menu-li','hand',item.isActive == 'true' ? 'active' : '']" @click="getIsActive(index)">{{item.pathName}}{{item.isActive

vue2.0 官网地址：https://cn.vuejs.org/vue常见指令：v-if 和 v-show 的区别：相同点：都可以控制元素是否显示。不同点：v-if 如果为 false ，直接不进行渲染，页面没有该元素。标签也不存在，为真则标签会存在。v-show 如果为 false ， 页面中有这个元素，区别在于它的 display 属性值为 none。 v-bind 和 v-model 的区别 （需懂 MVVM 概念）：先解释一下 MVVM 的概念，为后续的理解做一些铺垫

说明：按照官网的方式也可以成功。但是在实际项目开发中为了避免项目体积过于庞大，一般都是按需引入组件。温馨提示：antd 官网有很多版本，别走错了，记住是右上角的---- 更多–> Ant Design of Vue (社区实现)官网链接：https://ant.design/index-cn使用步骤：引入组件库，进行局部注册。最主要的核心代码如下：import { Carousel, Progress } from 'ant-design-vue' // 按需引入组件并注册

vue cli3创建项目？说明：写作主要的目的是记录自己做过的东西，好记性不如烂笔头，因此做手记录。在帮助自己的同时也希望可以帮助到有需要的人。好了，废话少讲，跟着我直入主题吧！前提：安装了 npm 、node.js 、vue cli3 环境。步骤如下：1、命令行输入：vue create 项目名2、选择 default 创建项目的话一直回车就可以创建好项目。此处我选择的是手动配置项目：Manually select features。3、手动配置需要进行如下配置，* 代表选中该

vue配置mock.js模拟数据？mock 的作用：使用 mock 可以模拟后台接口提供页面需要的数据，方便前端自动化测试，一般用于前后端分离的项目场景。mock 官网：http://mockjs.com/mock GitHub 地址：https://github.com/nuysoft/Mock/wiki在 vue 项目中配置 mock.js 步骤：1、安装：在工作中接触的是使用 npm 方式安装，因此本文使用的方式是 npm 方式安装，安装命令如下：npm install

1、执行打包命令：npm run build打包过程：看到上图则代表已打包完成，此时项目中会生成dist目录。dist目录中有static和index.html。2、打包完成后：此时直接用浏览器打开index.html文件，会发现浏览器中是一片空白，这个时候打开F12报错资源路径404，这是因为直接打包的是开发环境的路径，而打包之后的却是生产环境路径。因为会产生路径资源找不到的错误。如下图所示：3、解决方法：找到项目中的config文件夹，打开index.js文件将：assetsPublic