随笔分类 -  vue

上一页 1 2 3 4 5 6 下一页
Vue.js中过滤器（filter）的使用
摘要：简单介绍一下过滤器，顾名思义，过滤就是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。例如，从['abc','abd','ade']数组中取得包含‘ab’的值，那么可通过过滤器筛选出来‘abc’和‘abd’；把‘Hello’变 阅读全文
posted @ 2021-01-16 12:12 全情海洋 阅读(3743) 评论(0) 推荐(1)
HM后台（四点二）
摘要：一，商品管理中的商品参数页面搭建 1.1，商品参数组件的路由配置 import Params from '@/views/Goods/Params' { path: '/home', component: Home, // 重定向 redirect: '/welcome', children: [ 阅读全文
posted @ 2021-01-15 15:56 全情海洋 阅读(174) 评论(0) 推荐(0)
HM后台（四点一）
摘要：一，商品管理中的商品分类的页面搭建 1.1，商品分类组件路由的配置 import Cate from '@/views/Goods/Cate' { path: '/home', component: Home, // 重定向 redirect: '/welcome', children: [ { p 阅读全文
posted @ 2021-01-14 21:33 全情海洋 阅读(220) 评论(0) 推荐(0)
如何使用vue-table-with-tree-grid树形表格组件
摘要：如何使用vue-table-with-tree-grid树形表格组件 1、假如遇到了一个需要搭建一个树形结构的表格页面，这时候vue-table-with-tree-grid便可以派上用场。示例如下。 2、如果你是使用vue ui搭建的项目，使用时操作如下; ​ 2.1: 在vue 控制台中点击依赖 阅读全文
posted @ 2021-01-14 15:02 全情海洋 阅读(6733) 评论(1) 推荐(0)
HM后台（三）
摘要：一，权限管理中的权限列表开发 1.1，配置路由对象 import Rights from '@/views/Power/rights' { path: '/home', component: Home, // 重定向 redirect: '/welcome', children: [ { path: 阅读全文
posted @ 2021-01-13 23:42 全情海洋 阅读(249) 评论(0) 推荐(0)
HM后台（二点一）
摘要：10.9， 实现搜索功能， 搜索姓名，点击搜索按钮，发送请求，重置数据 点击清空输入框图标，发送请求，重置数据 <el-card> <el-row :gutter="20"> <el-col :span="18"> <el-input placeholder="请输入内容" v-model="que 阅读全文
posted @ 2021-01-13 15:20 全情海洋 阅读(140) 评论(0) 推荐(0)
HM后台（二）
摘要：一，home组件，侧边栏静态页面搭建， 1.1。去element-ui找组件 按需引入element组件 import Vue from 'vue' import { Button, Form, FormItem, Input, Message, Container, Header, Aside, 阅读全文
posted @ 2021-01-11 23:12 全情海洋 阅读(309) 评论(0) 推荐(0)
HM后台（一）
摘要：一，项目初始化 1.vue脚手架图形化配置 在控制面板输入vue ui, 创建- 桌面（项目本地存放路径）-在此创建新项目-输入项目名（英文）-初始化git仓库-手动配置项目（babel,router,vuex,linter,使用配置文件）-不选择历史路由（history），standardcono 阅读全文
posted @ 2021-01-09 16:30 全情海洋 阅读(217) 评论(0) 推荐(0)
vue后台（五）
摘要：一，查看某个spu下的所有sku列表 在elementUI找到el-dialog,表格嵌套dialog <el-dialog title="sku列表" :visible.sync="dialogTableVisible" :before-close="handleBeforeClose"> <el 阅读全文
posted @ 2021-01-06 23:14 全情海洋 阅读(297) 评论(0) 推荐(0)
vue后台（四）
摘要：一，在spu商品列表页，点击修改按钮，初始化请求页面数据 1.1。点击修改按钮，在spu组件中给子组件spuForn设置ref属性，调用子组件的函数（传递属性id,接口函数的参数），子组件调用四个接口函数，获取数据 <el-button type="primary" icon="el-icon-ed 阅读全文
posted @ 2021-01-04 08:38 全情海洋 阅读(161) 评论(0) 推荐(1)
vue基础，收集表单数据
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-11-30 11:17 全情海洋 阅读(539) 评论(0) 推荐(0)
vue-cli3实行路径联想
摘要：在项目目录下创建jsconfig.json {“compilerOptions”:{ "baseUrl":"./", "paths":{ "@/*":["src/*"] }, }， "exclude":["node_modules","dist"] } 重启项目 阅读全文
posted @ 2020-09-24 17:50 全情海洋 阅读(228) 评论(0) 推荐(0)
vue后台（三）
摘要：一，在品牌展示页，点击修改按钮跳转到添加属性值的页，可以修改属性名称和属性值， <el-table-column prop="prop" label="操作" width="150"> <template slot-scope="{row,$index}"> <HintButton icon="el 阅读全文
posted @ 2020-09-03 10:51 全情海洋 阅读(395) 评论(0) 推荐(0)
vue后台（二）
摘要：一，添加品牌的表单验证 前台表单校验（内置规则和自定义规则） 如果不加校验，那么没有图片也会上传过去 使用element-ui的form 品牌名称： 1、必须有 输入过程中校验 2、长度 失去焦点校验 品牌logo 必须有 点击确认按钮去校验 校验时机：三种 参考官方文档 我们的代码点击确定要先去整 阅读全文
posted @ 2020-08-29 09:08 全情海洋 阅读(269) 评论(0) 推荐(0)
vue后台（一）
摘要：一，项目准备工作 1.拿到已经是二次开发的代码， npm i , 安装依赖包 ES6模块暴露和导入复习 1. 导出方式一: 默认一次性导出 (只能有一个) export default xxx 本质: 整个模块是一个对象, 对象中有default属性, 即: {default: xxx} 2. 导出 阅读全文
posted @ 2020-08-28 10:25 全情海洋 阅读(461) 评论(0) 推荐(0)
vue组件间高级通信
摘要：一，组件间高级通信，准备代码 准备工作 1、把定义好的communication组件注册到我们的前台项目当中 2、修改路由配置，路由组件全是函数模式，路由懒加载 3、注册element-ui的button组件 路由配置 { path: "/communication", component: () 阅读全文
posted @ 2020-08-27 14:21 全情海洋 阅读(385) 评论(0) 推荐(0)
npm ERR! code ENOENT问题解决方法
摘要：使用npm install -g vue-cli命令安装vue-cli脚手架的时候,出现npm ERR ! code ENOENT错误,如下图, 此错误的意思为找不到该文件, 解决，是进错了项目目录，重新打开项目就行啦 阅读全文
posted @ 2020-08-24 09:20 全情海洋 阅读(9156) 评论(0) 推荐(0)
vue前台项目（一）
摘要：一， 使用Vue脚手架 1.1. 使用脚手架创建模板项目 1) vue-cli是vue官方提供的脚手架工具 command line interface 2) 最新的版本是4, 3) 3.x版本与4.x版本变化不大, 但3.x相对于2.x的版本变化特别大 4) 在线文档: https://cli.v 阅读全文
posted @ 2020-08-19 21:07 全情海洋 阅读(1426) 评论(0) 推荐(0)
vue基础八（路由组件）
摘要：vue-router 是什么 是vue官方的一个插件 专门用来实现一个SPA应用 基于vue的项目基本都会用到此库 vuex vue-router 这两个插件应用很广泛 单页Web应用（single page web application，SPA） 整个应用只有一个完整的页面（这个完整的页面，由多 阅读全文
posted @ 2020-08-19 09:50 全情海洋 阅读(1408) 评论(0) 推荐(0)
vue基础（七），同源策略以及跨域,vuex
摘要：跨域基础 跨域： 1、是什么 你的目标和你自己现在的位置一样还是不一样 浏览器上的同源策略 特点： 1、跨域只存在于浏览器 2、不在浏览器发请求是不会存在跨域问题的 3、http请求分为两大类： 普通http请求（如百度请求）和ajax请求（跨域是出现在ajax请求） 2、在什么地方 浏览器会跨域 阅读全文
posted @ 2020-08-18 15:59 全情海洋 阅读(896) 评论(0) 推荐(0)

上一页 1 2 3 4 5 6 下一页