
vue
文章平均质量分 53
qwer22215
这个作者很懒,什么都没留下…
展开
-
布局模板(ant)
<template> <div> <a-layout id="components-layout-demo-side" style="min-height: 100vh"> <a-layout-sider v-model="collapsed" collapsible> <div class="logo" /> <菜单 /> </a-layout-sider>原创 2021-07-22 16:22:04 · 224 阅读 · 0 评论 -
表格模板(ant)
<a-table :data-source="orderlist" :rowClassName="rowClassName" bordered :pagination="false" :columns="columns" rowKey="order_id" ><span slot="shiJan" slot-scope="text, record"原创 2021-07-22 16:20:54 · 272 阅读 · 0 评论 -
ant删除模板
const that = thisthis.KaTeX parse error: Expected '}', got 'EOF' at end of input: …} = await that.http.delete(categories/${this.cateId}/attributes/${attrId})if (res.meta.status !== 200) { return that.$message.error('删除参数失败! ') /* return th原创 2021-03-15 08:26:21 · 113 阅读 · 0 评论 -
form model表单模板(ant)
<a-form-modelref=“提交表单前选中.validate 以验证通过”:model=“data中数据对象”:rules=“验证总对象名”v-bind="{labelCol: { span: 4 },wrapperCol: { span: 14 }}"水平布局>rules: {验证数组名[{ required: true, message: ‘请输入商品名称’, trigger: ‘blur’ }],验证数组名[{ required: true, m原创 2021-03-15 08:25:30 · 1640 阅读 · 0 评论 -
form表单模板(ant)
// 创建表单实例data() {this.form = this.$form.createForm(this);return {// html中 <a-form-item> <a-button type="primary" @click="handleSubmit">下一步</a-button> </a-form-item></a-form>// 特性 使用v-decorator代替了v-model form原创 2021-03-15 08:25:11 · 1661 阅读 · 0 评论 -
前端跨域
// 在request中import axios from “axios”;export function request(config) {// 1. 创建axios的实例const instance = axios.create({baseURL: “/api”,timeout: 5000});// 在 vue.config.js中const vueConfig = {devServer: {// development server port 8000port: 8080,/原创 2021-03-15 08:26:43 · 130 阅读 · 0 评论 -
svg模板
// 图片使用方式首推Svghttps://www.iconfont.cn/// 阿里巴巴矢量图标库搜索图标移动到图标上添加入库右上角进入购物车样的库添加至项目新建项目 名称进入项目 名称下展示已添加图标主界面图标上栏目有三个选择Unicode字体 FontClass字体 Symbol(推荐Svg)在此右侧 有 在线链接 下载至本地 选项查看在线链接点击生成他会生成一个.js的文件里面存储的就是项目下面的所有图标//插入图标 uni-app 使用方法 复制在线链接 在浏览器原创 2021-03-13 17:36:07 · 361 阅读 · 0 评论 -
uni-app 强大的十端兼容
Microsoft Windows [版本 6.1.7601]版权所有 © 2009 Microsoft Corporation。保留所有权利。C:\Users\Administrator>node -vv10.15.3C:\Users\Administrator>vue -V@vue/cli 4.5.9C:\Users\Administrator>cd/Desktop系统找不到指定的路径。C:\Users\Administrator>cd desktopC:\Us原创 2021-03-13 17:13:07 · 600 阅读 · 0 评论 -
mock模板
vue create mock-demo // cmd vue脚手架命令 创建一个 有bale和route的项目npm install axios --save // 使用 axios 发送请求npm install mockjs --save-dev // 使用 mockjs 产生随机数据npm install json5 --save-dev // 使用 json5 解决 json 文件, 无法添加注释问题测试用的项目和依赖就准备好了// 根目录创建mock文件夹 中in原创 2021-03-13 17:11:27 · 356 阅读 · 0 评论 -
vuex模板
npm install vuex --saveimport Vuex from ‘vuex’Vue.use(Vuex)采用抽离形式管理state中是数据mutations中 是函数( 给state , 可选添加参数)actions中 可放异步函数(给context , 可选添加参数)context.commit(‘addN’, step)不是异步 也可在.vue中this.$store.commit(‘addN’, 3)直接提交getters 数据展示 修改不会牵连源state数据数据原创 2021-03-13 17:08:16 · 480 阅读 · 0 评论 -
ant vue pro
在main.js中import “ant-design-vue/dist/antd.less”;在 vue.config.js中module.exports = {css: {loaderOptions: {less: {javascriptEnabled: true}}}};在 bable.config.js中“style”: true在路由中使用 大组件 {render:h => h(“router-view”) }可免写一个组件切换路由加载动画效果 Nprogr原创 2021-03-13 17:06:18 · 547 阅读 · 0 评论 -
记载echarts的相关文献
后台搭建// 在新后台项目文件中npm init -y快速创建pack.json 配置文件用于包的锁定npm install koa安装 最新的 koa2app.js 启动入口data/ 返回的json数据middleware/ 独立出来存放所有中间件koa_response_data.js 返回数据存放koa_response_duration.js 请求消耗的时间koa_response_header.js 设置响应头utils/file_utils.js 快速读取某一个目录之原创 2021-03-13 17:04:33 · 684 阅读 · 0 评论 -
本地打开dist的方法
// 在vue.config.js中const path = require(‘path’)function resolve (src) {return path.resolve(__dirname, src)}module.exports = {devServer: {port: 8999, // 端口号的配置open: true // 自动打开浏览器},publicPath: ‘’,chainWebpack: config => {config.resolve.alias原创 2021-03-13 17:03:05 · 802 阅读 · 0 评论 -
vue的常用知识
_.findLast([1, 2, 3, 4], function(n) {return n % 2 == 1;});// => 3// 从右开始找 %2==1的哪一项 并返回 没找到返回 undefined。数组1.some(item => 数组2.includes(item));// 条件是 数组1 中有数组2的item// 满足条件 返回true// 数组.some(条件 ) 检查。如果满足条件返回 true,否则false。// 数组.includes(2) 是否包含2原创 2021-03-13 17:01:47 · 381 阅读 · 0 评论 -
Vue 35 分析项目是如何构成的 代码应该写在哪里(下)(极其重要)
原创 2020-12-05 08:20:36 · 341 阅读 · 0 评论 -
Vue 34 分析项目是如何构成的 代码应该写在哪里(极其重要)
原创 2020-12-05 08:19:45 · 1156 阅读 · 0 评论 -
Vue 33 项目中涉及到的几个语法规则
原创 2020-12-05 08:19:03 · 115 阅读 · 0 评论 -
Vue 32 使用npm命令安装基于node开发的vue-cli脚手架初始化一个新的项目 创建时千万别选用语法检查
原创 2020-12-05 08:18:27 · 86 阅读 · 0 评论 -
Vue 31 单页应用设计 中 路由控制组件页面 替换 展示 路由链接给路由组件地址传值
原创 2020-12-05 08:17:44 · 100 阅读 · 0 评论 -
Vue 30 vue的整个运作过程 以及 过程中有一些预设好可更改被调用的函数名称
原创 2020-11-24 16:37:18 · 158 阅读 · 0 评论 -
Vue29 组件之间的差异 父子组件利用props :[‘类名‘]与插值{{类值}}交流
原创 2020-11-24 16:36:46 · 96 阅读 · 0 评论 -
Vue 28 组件的变量命名首字母大写/大写问题 template的根节点问题 最简单三段式组件写法
原创 2020-11-24 16:36:16 · 540 阅读 · 0 评论 -
Vue 27 局部组件 全局组件
原创 2020-11-24 16:35:41 · 92 阅读 · 0 评论 -
Vue 26 js对象原型 原型链 面向对象 基于原型的继承 应用在axios的封装上
原创 2020-11-24 16:34:59 · 318 阅读 · 0 评论 -
Vue 25 css动画
原创 2020-11-24 16:34:25 · 128 阅读 · 1 评论 -
Vue 24 完善todolist axios和json-server之间的清除已选中数据功能实现 splice与length的循环错误避免问题
原创 2020-11-24 16:33:55 · 110 阅读 · 0 评论 -
Vue 23 完善todolist axios和json-server之间的删除和全选数据功能实现
原创 2020-11-24 16:33:24 · 241 阅读 · 0 评论 -
Vue 22 完善todolist axios和json-server之间的添加数据功能实现
原创 2020-11-24 16:32:45 · 89 阅读 · 0 评论 -
Vue 21 用所学的知识改善todolist 用axios从 json-server取到基础数据
原创 2020-11-24 16:32:09 · 112 阅读 · 0 评论 -
Vue 20 axios请求 与 增 删 改 查
原创 2020-11-20 17:29:53 · 409 阅读 · 0 评论 -
Vue 19 axios请求中的 Promise
原创 2020-11-20 17:29:21 · 94 阅读 · 0 评论 -
Vue 18 解构赋值 箭头函数所有相关
原创 2020-11-20 17:28:49 · 267 阅读 · 0 评论 -
Vue 17 axios发送请求
原创 2020-11-20 17:28:15 · 98 阅读 · 0 评论 -
Vue 16 npm简易服务器 postman便捷模仿浏览器向服务器发请求
原创 2020-11-20 17:27:37 · 514 阅读 · 0 评论 -
Vue 15 过滤器filter 自定义指令directive/inserted
原创 2020-11-20 17:27:04 · 842 阅读 · 0 评论 -
Vue14 vue实例 计算属性和侦听器 ref获取元素内容
原创 2020-11-20 17:26:31 · 328 阅读 · 0 评论 -
Vue 13 mvc 与mvvc 总体交互过程
原创 2020-11-20 17:26:00 · 165 阅读 · 0 评论 -
Vue 12 todolist 删除已选中任务
原创 2020-11-20 17:25:22 · 295 阅读 · 0 评论 -
Vue 11 todolist删除任务
原创 2020-11-20 17:24:33 · 150 阅读 · 0 评论 -
Vue 10 to do list 回车键创建任务功能添加
原创 2020-11-14 14:43:36 · 108 阅读 · 0 评论