YYYYYun的博客

// window.print()// 获得要打印元素的内容// 保存当前页面的整个html// 把当前页面替换为打印内容// 执行打印操作// 还原当前页面 let screenFullHtml = document.body.innerHTML let printHtml=document.getElementById('printCont').innerHTML; document.body.innerHTML = printHtml; window.print() documen

antd confirm 使用this.$createElement

并发请求// 并发请求： 同时进行多个请求，并统一处理axios.all([ axios.get('/data.json'), axios.get('/city.json'),]).then( asios.spread((dataRes,cityRes)=>{ }))常用参数配置asios 全局配置axios.defaults.timeout = 3000axios.defaults.baseURL = "http://localhost:8080"

const h = this.$createElement;let that = thisthis.$confirm({ title: h('div', {}, [ "确定要删除", h("span",{style: "color:red;"},`${info.name}及其下`), "吗？" ]), async onOk() { // await that.delete(info); }, onCa

npm install npm@4.6.1 -g

事件修饰符stoppreventcaptureselfoncepassive按键修饰符keyup按键码修饰符entertabdeleteescspaceupdownleftright系统修饰符ctrlaltshiftmeta鼠标按键修饰符leftrightmiddle表单修饰符lazynumbertrim...

做项目时，需要上传文件，但是按钮是循环渲染出来的，并使用this.$refs.file.click()提示File chooser dialog can only be shown with a user activation.修改为<input type="file" ref="upload" @change="uploadFile" accept=".xlsx, xls" style="display: none"/>this.$refs.upload.dispatchE

最近， 在新做项目中遇到一个问题，我的return axios({ url: '/df/rpay/income/input/insertAgencyIncomeInput.do', headers: { 'content-type': 'application/json;charset=UTF-8' }, method: 'post', data,})

getContainer 没有生效

基本用法watch:{ data(newVal, oldVal) { // 操作 }}高级用法watch:{ data:{ handler(newVal, oldVal){ // 操作 }, immediate: true, // 默认首次不会触发，设置为true首次可触发 deep:true // 深度监听 }}...

transition<div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade"> <p v-if="show">hello</p> </transition>...

通过v-model传值父组件<yy-list v-model="value"></yy-list>子组件export default { // 定义model属性 model: {　　 // prop写父组件使用 v-model 绑定的属性,这个名称是自定义的 prop: "value", // event写子组件会向父组件触发的事件,父组件的 v-model可以监听到这个事件,并将vlaue赋值给v-model绑定的属性 event: "

问题描述： 最近做一个vue项目，自己想封装一个小组件，但是组件中图片是父级定义的，因此路径需要父级传过来，子级去显示。做项目的时候发现在vue中，使用img标签直接加载图片是没有问题的<img src="@/assets/img/demo.png">但是当src使用变量，则会被编译为字符串，导致编译后的路径就是我们写上去的字符串形式data() { return { ...

问题描述：在做一个vue项目的时候，配置了公共的拦截器，但是有一个接口需要一个额外的请求头。该接口为 post 请求方式，增加一个请求头，没有入参。之前也写过这种需要额外请求头的 get 方式接口,一直没有什么问题。在接口中，由于没有入参，所以post请求中数据体一直没有写，导致一直报错，经过多方查询，感谢全球最大同性交友网站解决了我的问题，就是虽然没有入参，但是请求体不能为空，所以需要写...

vue中列表循环，其中某字段需要转意。【未解决】为什么switch不生效<template> <div> <div class="reportItem" v-for="item in data" v-bind:key="item.IDNo"> <ul> <li class="item row_le...

vue移动端项目中遇到一个问题，需要调用显示一个外部页面，但是需要支持返回，因此想到使用内联框架。结构如下<header></header><content> <iframe scrolling="no" src="https://www.baidu.com/"></iframe></content>iframe ...

取config里地址var backUrl = process.env.BASE_API

BEM策略EM的本质是一个css类名命名方案。所谓BEM，其实是三个单词的缩写：Block（模块）、Element（元素）、Modifier（修饰符）。最常见的连接符是bb__ee–mm的形式...

根文件，不用继续往上查找root = true匹配全部文件[*]设置字符集charset = utf-8缩进风格，space/tabindent_style = space缩进数indent_size = 2结尾换行符，可选 lf / cr / crlfend_of_line = lf在文件结尾插入新行insert_final_newline = true...

脚手架搭建中选泽使用ESLintProject name :项目名称Project description:项目描述Author ：作者install vue-router？是否安装vue路由Use ESLint to lint your code?是否使用ESLint代码检测工具pick an ESLint presetStandard (https://github.c...

- 下载依赖包我下载的是qrcodenpm install qrcode --save- 需要的页面进行引用 import QRCode from 'qrcode'使用<template><div class="wrap"> <div class="cont"> <canvas id="canvas" ref="canva...

安装依赖npm install node-sass sass-loader --save项目/build/webpack.base.conf.js，module下的rules中添加scss规则{ test: /\.scss$/, loaders: ['style', 'css', 'sass']}使用<template> <div class="app...

import { MessageBox } from 'mint-ui'MessageBox.confirm('确定执行操作吗', '提示').then(action => { if (action === 'confirm') { console.log('确认') } else { console.log('取消') }}).catch(e =...

最近做一个vue项目，用到了单选按钮组<input type="radio" name="sex" value="male" /> Male<input type="radio" name="sex" value="female" /> Female绑定之后为<input type="radio" name="sex" value="male" v-mode...

下载模块npm install crypto-js --save-dev新建配置文件utils.jsimport CryptoJS from 'crypto-js/crypto-js'// 默认的 KEY 与 iv 使用AES-128-CBC加密模式，key需要为16位,key和iv可以相同const KEY = CryptoJS.enc.Utf8.parse("1122334455...

vue-cli项目打包后直接在本机运行，config/index.js 中修改代码build: { // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', //加了一个小点 assetsPublicPath: './', }打包...

Search<mt-search v-model="inputValue" @keyup.enter.native="inputQuery()" placeholder="搜索"></mt-search>

描述：后台返回的数据采用v-for渲染到<li>中,点击对应一级标签显示对应二级内容。数据格式：test: [ { id: 1, name: '1', child: [ { id: 11, name: '11' }, { id: 12, name: '12' }, { id: 13, name: '13' }, { id: 14, name: '...

问题描述：整体项目采用传统 .html 文件搭建，vue仅作为渲染数据工具使用，需要使用的地方使用 <script> 标签引入。现有数个页面，每个页面都包含相同 header 和 footer ，希望可以把 header 和 footer 提取出来，避免太多重复代码。解决办法公共部分写在 .js 文件里，本质就是在当前页面中写的公共组件，组件规则遵从vue的组件规则。temp...

Eslint部分核心规则"rules": { /** **这些规则与 JavaScript 代码中可能的错误或逻辑错误有关 **/ "for-direction":"error",//强制 “for” 循环中更新子句的计数器朝着正确的方向移动 "getter-return":"error",//强制在 getter 属性中出现一个 return 语句 ...

/deep/.search-bar { height: 60px; box-sizing: border-box; & /deep/ .mint-searchbar { /*因为style中加了scoped，这里不加deep时无法正常作用*/ background: #fff; padding: 5px 10px; .mint-searchbar-inner...