沃德天，倪维胜么，捺莫帅？

【代码】手喽个日历。

<template> <router-view v-waterMark="waterCode" ></router-view></template><script>import waterMark from 'common/utils/watermark';export default { directives: { waterMark: waterMark, },

文章目录使用方式组件npm install video.js使用方式《组件》组件在下方// 单个视频 <videojs :src="url"/>// 多个视频 <div v-for="item in list" :key="item.id" class="count" > <videojs :src="item.url" :val="item.id" /> </div&

xss文件import xss from 'xss'; // 导入xss包const options = { // 白名单 whiteList:{ a: ['style', 'href', 'title', 'target'], p:['style'], section: ['style'], strong: ['style'], abbr: ["title",'style'], addres

let arr = [[11,22,33],[44,55,66],[77,88,99]];arrRemove(it, arr) { if(!arr || arr.length == 0) { return ""; } let flag = arr.indexOf(it); if (flag > -1) { arr.splice(flag, 1); return arr; }}arrRemove(55, a

let list ={ "222":{ "12101": "生殖孕育", "12102": "妇科综合", "12103": "产科", "12104": "产后妇科", "12105": "妇产科其它" }, "444":{ "12201": "儿内科", "12202": "儿外科", "12203": "儿童五官科", "12204": "儿童保健科", "12205": "新生儿科", "12206": "其他儿科" }}

<template> <div> <ul class="print-ul"> <li v-for="(item,index) of tableData" :key="index" :id="'printDiv' + index" style="page-break-after:always;"> <div>

<i-cascader v-model="params.cate_l3_no" style="width: 155px" placeholder="药品分类" trigger="hover" @on-change="change" :data="cate_l1_list" transfer > </i-cascader>// 使用this.cate_l1_list= this.convertTree(da

<i-table stripe ref="selection" :columns="columns" :data="dataList" :loading="loading" @on-select="onSelect" @on-select-cancel="onSelectCancel" @on-select-all="onSelectAll" @on-select-all-cancel="onSelectAllCancel"/>

a:{ list:111, obj:222, b:{ add:333, box:444 }, c:{ haha:555, nihao:666 }}Object.values(a).forEach(item => { let obj = item; for (let key in obj) { if (obj[key]) { this.$set(this.obj, key, obj[key]); }

安装 npm install xkeshi/vue-qrcode --save<div v-show="qrcodeUrl" class="response"><qrcode :value="qrcodeUrl" v-if="qrcodeUrl" :options="{ size: 170 }"></qrcode><p>请使用支付宝扫码支付</p></div>// script 代码import Qrcode

在使用npm按照vue的时候报错，解决方法asus$ npm install -g @vue/cli输入密码以管理员身份安装

安装npm install mavon-editor --save使用<template> <div style="width: 100%;height: 100%"> <mavon-editor v-model="value" @save="save" :toolbarsFlag="!readOnly" :defaultOpen="readOnly?'preview':'edit'" :ishljs = "true" :subfield="readOnly"

官网// installnpm install web-report --save // 通用版本引入import { Performance } form 'web-report'// 使用 建立在oncreate中Performance({ domain:'http://report.com/api/v1/report/web', add:{ appId:'D3D9B9AA45B56F6E424F57EFB36B0XXX',//zanePerfor中创建的

注册注册过程十分简单，输入邮箱，两个key直接发送到你的邮箱，注册地址http://www.xdocin.com/xdoc?_func=resource替换url，只要替换下面url中的key为你的只读key和文档地址就可以http://www.xdocin.com/xdoc?_func=to&_format=html&_cache=true&_key=你的只读key&_xdoc=你的文档地址 window.open( "http://www.

<template> <el-table :data="tableData" border class="marking-table" :cell-class-name="cellClassName" :header-cell-class-name="headerCellClassName" @cell-mouse-enter="cellMouseEnter" @cell-mouse-leave="cellMouseLeave".

data () { return { data : [ {"姓名":"张三", "城市": "Seattle","age":"12"}, {"姓名":"Mike", "城市": "Los Angeles","age":"22"}, {"姓名":"Zach", "城市": "New York","age":"33"}] } }, methods: { xia(){ var str = "博客, 域名\nBlog, 2\n

// Vue.config.js 配置选项module.exports = { // 基本路径 publicPath: "./", // 构建时的输出目录 outputDir: "dist", // 放置静态资源的目录 assetsDir: "static", // html 的输出路径 indexPath: "index.html", //文件名哈希 filenameHashing: true, //用于多

//name指定过渡所执行的动画，动态绑定是为了切换不同的转场动画 <transition :name="animation"> //router-view加上绝对定位效果，默认居于左上角 <router-view class="router"></router-view> </transition> <style>.router { position: absolute; left: 0;

1.路由配置meta:{title:"Lello word"}2.main.js// 根据路由设置标题router.beforeEach((to, from, next) => { /*路由发生改变修改页面的title */ if(to.meta.title) { document.title = to.meta.title } next();})

一、知识点和目的1、打包优化的目的1、项目启动速度，和性能2、必要的清理数据第一点是核心，第二点呢其实主要是清理console2、性能优化的主要方向1、cdn加载2、压缩js3、减少项目在首次加载的时长（首屏加载优化）二、打包优化1、我们首先是压缩js，并且开启gzip说明：开启gzip代表你项目实际环境就可以使用gzip。原因：第一：浏览器需要支持第二：需要后端配置，这里提供nginx方式：http:{ gzip on; #开启或关闭gzip on

实现一个table的增删改查js代码export default { name: "basetable", data() { return { query: { address: "", name: "", pageIndex: 1, pageSize: 5 }, tableData: [], multipleSelection: [], delList: [],

axios用post请求方式报错的解决方案1. 安装qsqs是一个不知道是谁开发的一个解决formData请求的包安装方法：yarn add qscnpm i qs -S2.使用 this.$axios.post("/路径",qs.stringify({传递的参数})).then((res) => { console.log(res); });...

element-ui实现分页效果思路主要代码就是data.slice((page-1)*pageSize,page*pageSize)<ul id="ul"> <li v-for="(item, index) in data.slice((page-1)*pageSize,page*pageSize)" :key="index" @click="list(item.id)"> <img :src="item.pic" alt="" style

八卦阵思路主要通过css里的content属性前::after后::before <div class="taiji"></div>body {background-color: #ccc;}.taiji { width: 150px; height: 300px; margin: 100px auto; border-right: 150px solid #000; background-color: #fff;

Vue的11个生命周期函数 创建前：beforeCreat //vue实例刚开始挂载 创建后：created //最早加载data中数据的钩子函数 挂载前：beforeMount //DOM还没有挂载到vue实例上面 挂载后：mounted //最早操作DOM元素的钩子函数 更新前：beforeUpdate //组件开始更新 更新后：updated //组

路由传参1.通过router-link跳转 <router-link to="/路径" tag="button">首页</router-link>2.通过编程式导航跳转this.$router.push('/路径?name='123'')3.通过query跳转 this.$router.push({ path:'/路径', query:{i:i}} }) //通过url地址栏里的get传参4.通过params跳转this.$rout

token设置请求头1.直接获取本地存储中的token数据instance.interceptors.request.use((config)=>{ //在这里面写请求之前做的事情 const token = sessionStorage.getItem('ji') if (token) { // 判断是否存在token，如果存在的话，则每个http header都加上token config.headers.authoriza

Vue实现loading加载动画1.在main.js里引入axiosimport axios from "@/http/index.js"2. 在vuex中设置状态state: { isLoading: false },3.配置拦截器import axios from 'axios'import store from '@/store'//vuex的路径var instance =axios.create({ baseURL:'', timeout:

Vue安装步骤1.小黑框安装vue create 项目名 -b -n2.vuex安装yarn add vuex //全局状态管理工具yarn add vuex-persistedstate //vuex保存在本地3.路由安装yarn add vue-router //路由4.路由跳转yarn add axios //路由跳转yarn add vue-axios //路由跳转5.快速实现页面效果pc端yarn add element-ui -S //pc端6.s

选中删除操作思路1.for循环数组，然后if判断每一条数据的checked是否为true，为true时每一条循环中删除方法一for(let i=0;i<this.arr.length;i++){ if(this.arr[i].checked){ this.arr.splice(i,1) i-- } }思路1.过滤数组，吧为false的返回给数组方法二let box=this.arr.filter(i=&gt

Vue实现简单的搜索功能思路：//先创建一个新的数组，吧tab里的数据赋值给list，//用list里的数据进行过滤，判断是否有input里的值HTML <div id="app"> <input type="text" v-model="input" @keyup.enter="btn()"> <ul> <li v-for="(item,index) in tab">{{item.name}}

Vue实现tab切换思路 //1.获取点击的每一项的下标，吧下标传过去 //2.点击每一项发生改变，通过tab的下标判断list的图片HTML <div id="app"> <ul> <li v-for="(item,index) in tab" @click="an(index)" :style="{background:show==index?'red':''}">{{item.name}}</li

Vue实现搜索功能思路 // 全选和反选思路//首先给全选按钮写一个点击事件，绑定一个变量默认为false，//创建一个空的数组，在循环里面用v-model绑定,在用:value=id或者下标；//在全选点击事件中，if判断当按钮为true时数组为空，反之循环数组循环，然后if判断数组当里面的每一项为-1时，给数组添加每一项//监听数组，判断数组的长度等于list的长度的时候，checked为true反之checked为falsehtml<div id="a