
Vue
帝博格T-bag
这个作者很懒,什么都没留下…
展开
-
vue 父子组件设置 scoped, 如何导致滚动条失效的
vue 父子组件设置 scoped, 如何导致滚动条失效的原创 2023-01-06 12:04:53 · 1556 阅读 · 0 评论 -
CSS—table—固定列和行
为了方便用户在使用table表格,可以参照头部或侧边的固定字段,更快的定位数据的对应的意思,故 本文使用纯CSS实现头部和侧边固定相关案例,共大家学习交流。原创 2021-08-11 00:19:48 · 4126 阅读 · 0 评论 -
element-ui—DatePicker 日期选择器 设置最大值
设置最大值属性btw-max=“90”<el-form-item label="训练日期" style="margin-left:10px;"> <el-date-picker v-model="searchDate" type="daterange" :clearable="false" :editable="false" range-separator="-" start-placeholder="开始日期" style="widt原创 2022-04-07 13:51:18 · 2731 阅读 · 0 评论 -
使用Vue画饼图的全流程
一、调用饼图页面1、引入import pieChart from '../../../../components/pieChart/pieChart'2、注册components: {pieChart},3、使用<div class="pie-list"> <pie-chart class="pie" :cfg="taskPieCfg"></pie-chart> <pie-chart class="pie"原创 2021-08-20 09:43:10 · 2473 阅读 · 0 评论 -
Vue-Cli3—目录介绍
1. node_modules 文件夹 项目依赖(对webpack进行了封装) 2. public 文件夹 1.favicon.ico 是 网站图标 2.index.html 页面入口文件 3. src 文件夹 (源码) 1.main.js 入口js 4. postcss.config.jsmodule.export...翻译 2019-01-02 19:53:31 · 3677 阅读 · 0 评论 -
Vue—父组件重写子组件样式
一、参考文档https://vue-loader.vuejs.org/guide/scoped-css.html#mixing-local-and-global-styles二、基于vue-loader三、使用方法// 第一种.header >>> .el-input--mini .el-input__inner ...翻译 2019-01-24 19:32:40 · 1351 阅读 · 0 评论 -
Vue-嵌套路由
1.配置 { path: '/vipCenter', name: 'vipCenter', component: () => import('./views/vipCenter/vipCenter.vue'), children: [ { path: '', name: 'pers...原创 2019-01-15 15:25:07 · 131 阅读 · 0 评论 -
vue-cli3.0 配置接口代理
根目录 新建 vue.config.js 文件,自动加载配置。// 作为配置文件,直接导出配置对象即可module.exports = { devServer: { // 设置主机地址 host: 'localhost', // 设置默认端口 port: 8080, // 设置代理 proxy: { '/api': { // 目标 API 地址 ta...转载 2019-03-14 19:53:47 · 920 阅读 · 0 评论 -
Vue——双向绑定制作组件
1. 父组件// ① 导入import labelInput from '../../../components/public/labelInput/labelInput'export default { name: 'skList', components: { labelInput }, // ② 声明 data () { return { branc...原创 2019-03-13 11:55:55 · 159 阅读 · 0 评论 -
Vue——子组件调用父组件的方法
1.基本使用// 父组件methods: { // 测试 fatherMethod() { console.log('测试'); }}// 子组件create () { this.triggerParentMethod ()}methods: { triggerParentMethod () { this....原创 2019-03-31 13:16:53 · 276 阅读 · 0 评论 -
Vue——select的取值与显示值不同
<select v-model="percentage"> <option :key="index" :value="item" v-for="(item,index) in percentageList" >{{item * 100 + '%'}}</option> ...原创 2019-03-31 20:15:18 · 2920 阅读 · 0 评论 -
Vue——401配合Vuex防止多次弹框
1.安装Vuexnpm install vuex --save2. 新建store目录结构3. 编辑store.jsimport Vuex from 'vuex'import Vue from 'vue'import defaultState from './state/state'import mutations from './mutations/mutati...原创 2019-04-08 14:28:37 · 3008 阅读 · 0 评论 -
Vue Cli3 —安装
参考文档https://cli.vuejs.org/zh/guide/installation.html1. Node版本要求 8.9 或更高版本 (推荐 8.11.0+)2. 安装命令npm/cnpm install -g @vue/cli3.查看版本号vue --version4.查看命令vue - h5.创建项目vue c...翻译 2018-12-28 10:25:15 · 780 阅读 · 0 评论 -
Vue—nextTick理解和应用
参考文档https://cn.vuejs.org/v2/api/index.html?#Vue-nextTick1. 定义 (什么是nextTick) 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。// 修改数据vm.msg = 'Hello'// DOM 还没有更新Vue.nextTick(functi...翻译 2018-12-27 17:52:13 · 1337 阅读 · 0 评论 -
快速入门Web阅读器开发——1学习目标
一、学习目标主要内容 了解阅读器工作原理,了解epub格式的解析原理 运用Vue.js+epub.js实现一个简单的阅读器 实现阅读器的基础功能,如字号选择、背景色选择等 学习建议 先理解原理,再着手实现 语法学习和实践学习相结合 重视产品体验,开发高质量的产品(可用+交互) ...翻译 2018-08-30 00:26:17 · 362 阅读 · 0 评论 -
快速入门Web阅读器开发——2原理和流程
1.知识点解析2.阅读器工作原理简介3.电子书的格式ePub (Electrocoic Publication)电子出版物 mobi是Amazon Kindle的电子书格式4.开发流程翻译 2018-08-30 00:36:01 · 786 阅读 · 0 评论 -
快速入门Web阅读器开发——3生成字体图标、离线安装webpack
一、icomoon生成字体图标1.https://icomoon.io/ 外网不稳定2.操作流程下载SVG (阿里字体、百度下载) 上传SVG 点击进入 新建图标集合 修改图标集合的名称 上传SVG图标 选中图标、生成字体图标 修改字体图标类名 下载字体图标 引入字体 需要文件 不同格式字体图...翻译 2018-09-03 23:55:30 · 479 阅读 · 0 评论 -
Vue && 《细胞分裂》——1Vue-cli搭建
1. 全局安装Vue-clinpm/cnpm install -g vue-cli2.初始化项目vue init webpack my-project3. 安装依赖npm/cnpm install4. 运行项目npm run dev5.打包项目npm run bulid ...转载 2018-09-26 17:53:26 · 132 阅读 · 0 评论 -
Vue && 《细胞分裂》——2 build.js
// 严格模式'use strict'// 确保JavaScript包管理器之间的版本元数据一致。require('./check-versions')()// process对象是一个全局变量,它提供当前 Node.js 进程的有关信息,以及控制当前 Node.js 进程。 因为是全局变量,所以无需使用 require()。// 设置系统的环境变量为生产环境process.en...原创 2018-09-27 09:56:38 · 243 阅读 · 0 评论 -
Vue实战——注册组件
1.全局组件// 引入组件// 在main.js使用import loading from './components/T-loading'// 全局注册// 在main.js使用Vue.component('loading', loading)// 使用组件// 在具体页面或组件使用<loading></loading>2. 局部组件/...原创 2018-10-18 11:03:23 · 148 阅读 · 0 评论 -
Vue插件——1.vue-wechat-title
1.参考文档 1. https://www.npmjs.com/package/vue-wechat-title 2.https://www.jb51.net/article/127809.htm2. 使用步骤 1.下载安装插件依赖npm/cnpm install vue-wechat-title --save 2.在main.js中引入插件...翻译 2018-09-30 11:38:28 · 1483 阅读 · 0 评论 -
使用axios对安卓低版本兼容性处理
参考文章https://www.cnblogs.com/leaf930814/p/6807318.htmlhttps://segmentfault.com/q/1010000010160881整理实践1. 发现问题,在安卓5.1系统上,使用axios加载的数据没有加载出来,经过调试发现aixos方法无效, 主要就是无法使用promise。加上以下polyfill就可以了...转载 2018-08-09 15:00:27 · 3898 阅读 · 0 评论