Vue
看客随心
这个作者很懒,什么都没留下…
展开
-
vue 子组件批量导入及根据参数 动态组件渲染
<template> <div> <component class="item" :is="currentView"></component> </div></template><script>const path = require("path");const files = require.context("@/views/handle-instruction/details.原创 2021-08-04 09:37:17 · 522 阅读 · 0 评论 -
记一下vue element-ui form表单绑定数组遇到的坑
先上一下效果图其中商品可以一次性添加多个, 起初看到这个需求想的是循环创建多个el-form表单的, 但是写的时候发现如果循环多个表单就会有很多个ref, 表单效验就没法写。我的解决方案是使用computed, 将一个数组拼成一个表单对象 computed: { formData: function() { const formData = {}; this.formDataArr.map((item, index) .原创 2021-04-08 18:34:41 · 4602 阅读 · 0 评论 -
elment ui form表单循环校验
<el-form label-width="140px" ref="formBox" :model="formData" :rules="formDataRules"> <el-form-item label="操作人:" prop="manager"> <el-input v-model="formData.manager" size="small" placeholder="请输入操作人"></el-i..原创 2021-02-06 15:51:18 · 226 阅读 · 0 评论 -
elment ui 自定义校验规则获取vue 实例
原创 2021-02-06 15:45:40 · 214 阅读 · 0 评论 -
vue cli3 关闭eslint
新建vue.config.jsmodule.exports = { lintOnSave: false, devServer: { overlay: { warnings: false, errors: false } }}详细参考:vue-cli-eslint github...转载 2019-12-12 12:00:06 · 305 阅读 · 0 评论 -
vuex-router-sync的使用
懒得废话直接上代码main.jsimport Vue from 'vue'import App from './App.vue'import store from "./store"import router from "./router"import {sync} from "vuex-router-sync"sync(store, router)Vue.config...原创 2019-12-12 11:52:12 · 597 阅读 · 0 评论 -
vue-cli 3.0 添加jquery
通过命令下载jquery npm install jquery --save-dev方法一在项目目录下build下的webpack.base.conf.js文件头部加入var webpack = require('webpack')并在module.exports的尾部加入plugins: [ new webpack.optimize.CommonsChunkPlugi...转载 2019-05-07 08:30:38 · 461 阅读 · 0 评论 -
vue 指令
v-text <span v-text="msg"></span> 等价于<span>{{msg}}</span> 没有简写方式 相当于js中的text方法 v-html双大括号会将数据解析成纯文本, v-html输出的是真正的html,等价于js中的innerHTML方法v-pre跳过编译 直接输入原代码v-c...原创 2019-04-28 14:05:26 · 161 阅读 · 0 评论 -
vue生命周期
瞎写的 希望有大神评论一下 写的对不对 或者补充一下。。。<template> <!-- 结构部分 --> <div class="login"> </div></template><style scoped lang="less"> // 样式部分</style><scrip...原创 2019-04-28 11:40:13 · 192 阅读 · 0 评论 -
vue父子组件之间的相互通信
父组件向子组件通信: 1.为子组件添加自定义属性(横线分隔单词)2 在子组件实例化中添加props属性: 是一个数组,每个成员代表一个属性(驼峰)这些属性变量会被添加到组件实例化对象上, 并设置了特性,可以在模板中直接使用,在方法中通过 console.log(this.$props.send)获取值子组件向父组件通信:我的顺序是1.在子...原创 2018-12-29 12:22:30 · 140 阅读 · 0 评论 -
vue事件修饰符
vue之修饰符修饰符.lazy在默认情况下,v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符,从而转变为使用 change 事件进行同步:<!-- 在“change”时而非“input”时更新 --><input v-model.lazy="msg" > .number如果想自动将用户的...转载 2018-12-07 13:29:53 · 220 阅读 · 1 评论 -
better-scroll
<template> <div class="wrapper" ref="wrapper"> <ul class="container"> <li v-for="item in 1000">{{item}}</li> &a原创 2018-09-30 10:55:39 · 238 阅读 · 0 评论 -
vue中数据驱动视图的实现
vue中数据驱动视图 主要是通过给对象定义特性来完成的通过获取视图模板 更新视图模板 渲染数据<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head转载 2018-09-21 11:17:01 · 538 阅读 · 0 评论 -
简单本地储存对象
var storage = { set(key,value) { localStorage.setItem(key, JSON.stringify(value)); }, get(key) { return JSON.parse(localStorage.getItem(key)); }, remove(key) { ...转载 2018-09-13 20:17:13 · 740 阅读 · 0 评论 -
Vue中关于scrollTop的一些小知识
1: 页面指定了DTD,即指定了DOCTYPE时,使用document.documentElement。页面没有DTD,即没指定DOCTYPE时,使用document.body。IE和Firefox都是如此。2: 页面滚动选项卡 changePage(item) { this.$nextTick(() => { ...原创 2018-08-29 12:11:38 · 5866 阅读 · 3 评论