Vue
关注
分享
扫一扫
KingCruel
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vite 入门 Vue Node
Vite原创 2022-10-12 10:44:35 · 4841 阅读 · 0 评论 -
vue 常见问题
vue常见问题原创 2022-08-04 09:58:54 · 499 阅读 · 0 评论 -
Vue Element Switch 开关
Element Switch 开关<template> <div class="app-container"> <div class="drawer-item"> <el-switch v-model="switchView" active-text="显示" inactive-text="隐藏" @change="switchChange($event)" /><br><br> <d.原创 2021-10-17 20:10:35 · 531 阅读 · 0 评论 -
Vue Element Checkbox 多选框 computed
Element Checkbox 多选框<template> <div class="app-container"> <div class="drawer-item"> <el-checkbox v-model="showReviewer" @change="checkChange($event)"> 显示/隐藏 </el-checkbox> <div v-show=".原创 2021-10-17 20:06:42 · 413 阅读 · 0 评论 -
vue computed watch
computedwatch1、案例1<template> <div> <div style="margin-bottom:15px;"> Your roles: {{ roles }} </div> Switch roles: <el-radio-group v-model="switchRoles"> <el-radio-button label="editor" /&g原创 2021-10-14 09:14:11 · 136 阅读 · 0 评论 -
vue cnpm
莫名其妙的npm不能用了，好像是因为安装了react之后，更新了nodejs，一顿操作猛如虎之后，反正npm不能用了，所有只能使用cnpm了#cnpm安装打开【dos 窗口】输入【cmd】回车，输入如下命令：npm install -g cnpm --registry=https://registry.npm.taobao.org# 进入项目目录cnpm install# 进入项目目录npm run dev...原创 2021-09-17 18:04:25 · 742 阅读 · 0 评论 -
微信小程序基础
微信官网文档目录结构app.js app.json app.wxss 组件cover-image：覆盖在原生组件之上的图片视图cover-view：覆盖在原生组件之上的文本视图match-media：media query 匹配检测节点movable-area：movable-view的可移动区域movable-view：可移动的视图容器，在页面中可以拖拽滑动page-container：页面容器scroll-view：可滚动视图区域share-element：共享元...原创 2021-08-17 14:03:42 · 232 阅读 · 0 评论 -
CSS 常用样式 水平居中 水平垂直居中 Container布局
/* 通用*/* { margin: 0; padding: 0; }a { color:#333333; text-decoration:none;}a:hover { color:#cc0100;}ul,ol,dl { list-style:none;}img { border:none;}body { font-family:"宋体"; font-size:12px; font...原创 2019-04-10 10:51:25 · 20632 阅读 · 0 评论 -
Electron Vue 跨平台桌面应用
创建 Electron 跨平台应用之前，需要先安装一些常用的工具，如Node、vue和Electron等安装Electron【Windows键 + R -> 打开命令行 -> cmd -> 回车】npm install -g electron或者cnpm install -g electron为了验证是否安装成功，可以使用如下的命令。electron --version*****...原创 2020-08-11 10:05:49 · 250 阅读 · 0 评论 -
Vue Element Autocomplete 自动补全
autocomplete(自动补全)1、testauto.vue 文件<template> <div class="login-container"> <el-form ref="loginForm" class="login-form" autocomplete="on" label-position="left" > <el-form-item> <原创 2020-08-05 15:53:58 · 1063 阅读 · 0 评论 -
Vue Layout布局
Layout 布局 ***Row AttributesCol Attributes***原创 2020-08-04 09:47:45 · 3808 阅读 · 1 评论 -
Vue Promise async await
Promise 是什么****Promise 简单用法function2(){ // 你的逻辑代码 return Promise.resolve(/* 这里是需要返回的数据*/)}function3(){ // 你的逻辑代码 return Promise.resolve(/* 这里是需要返回的数据*/)}// 调用function1(){ this.function2().then(val => { this.原创 2020-07-31 10:35:15 · 608 阅读 · 0 评论 -
vue import css(样式) img(图片image) components(组件) 引入 Base64
***<img class="pic-404__parent" src="@/assets/404_images/404.png" alt="404"><img :src="errGif" width="313" height="428" alt="Girl has dropped her ice cream.">******import 'normalize.css/normalize.css' // a modern alternative to原创 2020-07-20 14:43:31 · 2109 阅读 · 0 评论 -
Vue Navigation router-link 导航
NavMenu 导航菜单 命名路由 动态路由匹配 编程式的导航【router.push】 导航守卫 *<template><div><el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item index="1">处理中心</el-menu-item> ...原创 2020-06-26 11:49:25 · 1169 阅读 · 0 评论 -
Vue vue-jsonp 跨域
vue-jsonp● npm 安装 vue-jsonpnpm install vue-jsonp --savenpm i vue-jsonp● 用法静态函数: Vue.jsonp(url, dataObj, timeout)在Vue组件中: this.$jsonp(url, dataObj, timeout)● src/main.js 中添加import VueJsonp...原创 2020-04-24 00:35:06 · 2335 阅读 · 2 评论 -
Vue Element Form 表单 验证 正则
Form 表单 本示例以 Vue Element Admin 项目为基础，介绍 Form 表单***表单验证 rules 属性约定验证规则{ type: "number", message: "年龄必须为数字值" },{ min: 5, max: 9, message: "活动名称长度在 5 到 9 个字符" } //只能验证字符串类型{ type: 'email', mes...原创 2020-04-02 09:06:19 · 5379 阅读 · 0 评论 -
Vue Element + vue-treeselect 树形选择列表
Vue-Treeselect 中文网 本示例以 Vue Element Admin 项目为基础，介绍 Vue Treeselect 控件npm 安装 vue-treeselectnpm install --save @riophae/vue-treeselect1、/src/views/demo/vue-tree-select.vue<template> &l...原创 2020-03-25 23:19:28 · 2320 阅读 · 0 评论 -
Vue Element Select 选择器 和 Tree 树形控件 结合
本示例以 Vue Element Admin 项目为基础，介绍 Element Table 表格控件1、/src/components/TreeSelect/index.vue<template> <el-select :value="valueTitle" :clearable="clearable" @clear="clearHandle"> &...原创 2020-03-25 23:00:26 · 3077 阅读 · 1 评论 -
Vue Element Vue-Underscore、Qs、Vue-Cookies、LocalStorage、CSS 样式
1、注意scoped：当一个style有这个标签，它的样式就只能作用于当前的Vue组件，可以使组件的样式不相互污染；去掉scoped，可能会造成全局污染。首先，因为element-ui的属性是全局的，style不能设置scoped，否则不起作用其次，因为element-ui的属性是全局的，所以如果改变当前页面为了不影响其他页面，必须给当前页面一个id，再设置他的style<div...原创 2020-03-25 01:20:29 · 553 阅读 · 0 评论 -
Vue Element Table 表格
Element Table 表格 本示例以 Vue Element Admin 项目为基础，介绍 Element Table 表格控件1、/src/views/table.vue<template> <div class="app-container"> <el-table ref="multipleTable" :...原创 2020-03-24 11:49:49 · 550 阅读 · 0 评论 -
Vue Element Select 选择器 remote 远程搜索
Element Select 选择器 本示例以 Vue Element Admin 项目为基础，介绍 Element Select选择器【远程搜索】1、/src/views/select.vue<template> <div class="app-container"> <el-select v-model="value" ...原创 2020-03-23 10:43:00 · 3251 阅读 · 1 评论 -
Vue Element Tree 树形控件
本示例以 Vue Element Admin 项目为基础，介绍 Element Tree 树形控件1、/src/views/tree.vue<template> <div class="app-container"> <el-tree :data="list" show-checkbox node-key="id...原创 2020-03-23 08:57:47 · 659 阅读 · 0 评论 -
Vue 操作 表单提交、复选、单选、下拉列表
1、checkbox 复选代码如下<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>AxiosGet</title> <script src="https:/...原创 2019-11-06 10:14:43 · 1662 阅读 · 0 评论 -
Vue 框架 路由(Vue Router) Vuex 刷新页面
Vue 官网Vue API 官网Vue CLI 官网 npm 安装：npm install -g @vue/cliElement 官网 npm 安装：npm i element-ui -Svue-axios apiaxios api vue-echarts github ECharts 的 API 文档（英文） ECharts 的 API 文档（中文） vue-ec...原创 2019-09-23 15:39:43 · 1705 阅读 · 0 评论 -
Vue components(组件)
1、vue组件的功能● 能够把页面抽象成多个相对独立的模块● 实现代码重用，提高开发效率和代码质量，使得代码易于维护2、Vue组件封装过程● 首先，使用Vue.extend()创建一个组件● 然后，使用Vue.component()方法注册组件● 接着，如果子组件需要数据，可以在props中接受定义● 最后，子组件修改好数据之后，想把数据传递给父组件，可以使用emit()方法3...原创 2019-09-23 15:01:21 · 539 阅读 · 0 评论 -
Vue http请求 axios、vue-resource
1、axios【vue2.0官方推荐】 axios，基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐。 Github开源地址 # 安装并引入 axios 1、npm install axios -S 【直接下载axios组件，下载完毕后axios.js就存放在node_modules\axios\dist中】 2、网上直接...原创 2019-04-03 09:38:23 · 722 阅读 · 0 评论 -
Vue 入门 目录结构 .env.development v-if
1、官网Vue 官网Vue API 官网Vue CLI 官网 npm 安装：npm install -g @vue/cliElement 官网 npm 安装：npm i element-ui -S2、安装 # 兼容性 Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5...原创 2019-04-03 09:35:47 · 1293 阅读 · 0 评论 -
Vue CLI 入门 node
1、官网Vue CLI 官网 npm 安装：npm install -g @vue/cliVue 官网Vue API官网Element 官网 npm 安装：npm i element-ui -S相关引用可参考 Vue 框架 文章，顶部的说【注意：必须安装Node.js】Node.js 官网Node.js 中文网查看当前的 Node 版本安装完 Node 之后，打开 “do...原创 2019-04-03 09:15:54 · 1193 阅读 · 1 评论 -
Vue axios HTTP POST请求
1、跨域问题参考ASP.NET Core 启用跨域请求 (CORS)vue-axios 安装axios api**2、Html@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /&g...原创 2019-04-11 11:48:48 · 1526 阅读 · 0 评论 -
Vue axios HTTP GET请求
1、跨域问题参考ASP.NET Core 启用跨域请求 (CORS)2、Html@{ Layout = null;}<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>Axios...原创 2019-04-11 11:47:03 · 775 阅读 · 0 评论