黄孝果的博客

【代码】css 切角实现（全）

vue+element-ui实现多功能表格使用SortTable标题添加点自定义组件或表格内添加自定义组件

解决方法：安装 "babel-polyfill"1、命令：cnpm install --save-dev babel-polyfill2、在入口main.js文件引入：import 'babel-polyfill'，放页面顶部最好。3、在build文件夹下找到webpack.base.conf.js中app: ["./src/main.js"]改为app: ["babel-polyfill", "./src/main.js"]即：module.exports = {entry: {a

在输入中文触发oninput后，v-model绑定的值会被设成空字符串，这时候再输入数字，v-model绑定的值不会被赋值，一直为空。解决方法可以用blur手动给绑定的值赋值。 <el-input v-model="form.account" clearable placeholder="请输入手机号" onkeyup="value=value.replace(/[^\d]/g,''.

效果标签内容showNotify(msg) { const h = this.$createElement const _this = this return this.$notify({ onClose: function () { _this.msgNotify = '' _this._getSignMailSingleRead(msg.id) }, duration.

一、拷贝所需要的文件将 vue-admin-template\src\layout\components\TagsView 文件夹vue-admin-template\src\store\modules\tagsView.js二、修改vue-admin-template\src\layout\components\AppMain.vue<template> <section class="app-main"> <transition name="fade

效果显示引用vue-croppernpm install vue-cropperyarn add vue-cropper创建组件文件夹上传按钮组件 index.vue<template> <div class="ant-upload-preview"> <div style="width: 100%"> <el-upload class="avatar-uploader" :sho.

场景我们在开发过程中，肯定会用到console打印信息。但是呢，我们上线就要把console这些打印的信息给去掉吧，那时我们项目那么多打印，难道要一个个去掉吗，显然是不可能的；以下是解决方法安装插件npm install babel-plugin-transform-remove-console使用（修改 babel.config.js）// 生产环境下清除console打印const plugins = []if (process.env.NODE_ENV === 'production'

Git 全局设置:git config --global user.name "晓果"git config --global user.email "***********@163.com"创建git仓库cd electron-casegit inittouch README.mdgit add README.md提交代码到本地仓库提交代码git commit -m "first commit"git remote add origin https://git.

提供登录与获取用户信息数据接口在api/user.js中import request from '@/utils/request'const Api = { TakeOut: '/student/students/takeOut/', LoginIn: '/student/students/loginIn/', StudentInfo:'/student/students/studentInfo/',}export function login(parameter) { re.

问题描述在使用vscode格式化vue代码时，出现单引号变成了双引号问题解决方案在项目根目录下新建文件：.prettierrc.json内容：{ "singleQuote":true, "semi":false}

配置路由权限在config文件夹下router.config.js中配置路由权限 如下图所示配置请求网络接口在api文件夹下login.js中根据自己后台的数据修改路由权限封装规则在store/module/user.js中修改GetInfo方法源js修改后js后台数据示例{ "code": 200, "data": { "avatar": "/avatar2.jpg", "contact_mobile": "", .

tinymce-vue官方：https://github.com/tinymce/tinymce-vue效果：第一步:导入依赖在vue中引入tinymce-vuenpm install @tinymce/tinymce-vue -S安装tinymcenpm install tinymce -S第二步：拷贝tinymce在node_modules文件下找到tinymce文档，复制tinymce放入项目的根目录下public的文件夹中第三步 ：配置中文接着去官网

整个文件范围内禁止规则出现警告将/* eslint-disable */放置于文件最顶部/* eslint-disable */alert('foo');在文件中临时禁止规则出现警告将需要忽略的代码块用注释包裹起来/* eslint-disable */alert('foo');/* eslint-enable */对指定规则的启用或者禁用警告将需要忽略的代码块用注释包裹起来/* eslint-disable no-alert, no-console */alert('fo

效果显示引用vue-croppernpm install vue-cropperyarn add vue-cropper全局引用import VueCropper from 'vue-cropper'Vue.use(VueCropper)直接使用import { VueCropper } from 'vue-cropper'export default { name: 'CropperModal', components: { VueCropper, .

注册 < a-tree >To install it, you can run: npm install --save core-js/fn/arraycnpm install core-js@2或npm install core-js@3.6.4

这里只是一个demo，后台返回的路由数据可能不太规范，这里是手动强制修改的，正式线保持一致首先改造router/index.jsimport Vue from 'vue'import Router from 'vue-router'Vue.use(Router)/* Layout */import Layout from '@/layout'/** * constantRoutes * 所有的页面必须在这里进行挂载 * all roles can be accessed */

vue-element-admin 有个整体中文在src/main.js：设置富文本中文第三方插件tinymic这个富文本插件改成中文显示components/Tinymce/index完成

创建我们直接的store.jsconst state = { user: { phone: "" }, shopId: ""}export default { namespaced: true, state}在index.js中引用...import mystore from './modules/mystore'Vue.use(Vuex)const store = new Vuex.Store({ mod.

安装scss 跟 scss-loadercnpm install scss-loader scss --save安装node-sass 跟 sass-loadercnpm install sass-loader node-sass --save如果出现Modele build failed: TypeError: this.getResolve is not a function at Object.loader...在package.json中卸载当前版本 npm uni.

安装node.js下载地址：https://nodejs.org/zh-cn/download/直接进行安装，安装完成node.js后自动帮助完成npm的安装，查看是否完成可以到环境配置中查看。查看npm是否安装成功并安装vue-cli安装淘宝镜像npm config set registry https://registry.npm.taobao.or...

确认安装过vetur插件点开左下角设置按钮，点击设置选择用户设置添加配置"vetur.validation.template": falseOK！搞定…

一、路由配置在router文件夹下的index.js配置路由 导入Hi.vue模板 import Hi from '@/components/Hi'配置路由export default new Router({ routes: [ { path: '/', name: 'HelloWorld', componen...

Hello World 实例&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;helloworld&lt;/title&gt; &lt;meta name="viewport&qu

Vue.directive自定义指令&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Vue.directive自定义指令&lt;/title&gt; &lt;meta name=&quo

propsData Option 全局扩展的数据传递&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;propsData Option 全局扩展的数据传递&lt;/title&gt; &

组件内过滤器&lt;template&gt; &lt;div class="hello"&gt; 我是尾部 &lt;input type="text" v-model="text"&gt; &lt;br/&gt; 显示：{{text|myFilter}} &lt;/div&gt;&lt

效果详细代码，里面有详细标注&lt;template&gt; &lt;div class="tmpl"&gt; &lt;nav-bar title="商品列表"&gt;&lt;/nav-bar&gt; &lt;div class="main-body" ref="wrapper" :style="{ heig

一、vuex初体验vuex引入npm install vuex --save在package.json出现vuex，表示安装成功初步使用，构建公用数据存储新建vuex文件夹和store.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);// 声明一个常量const...

一、在项目根目录下安装npm install --save js-base64npm install --save js-md5二、在项目文件中引入&lt;script&gt; import md5 from 'js-md5'; let Base64 = require('js-base64').Base64;&lt;/script&gt;三、在项...

使用qs库来格式化数据npm install qs --save 在main.js中，我们引入qs库// post请求是格式化数据import qs from 'qs';Vue.prototype.$qs = qs;进行post请求 this.$axios .post( "/app/user/login.do",...

首先创建公用js在static中创建js—&gt;utils.jsutils.js内容如下：export default { install(Vue, options) { Vue.prototype.formatDuring = function (mss) { var days = parseInt(mss / (10...

下载lib-flexiblenpm i lib-flexible --save在main.js中引入lib-flexibleimport 'lib-flexible/flexible'查看index.js有没有添加meta标签&amp;lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1....

在公用的样式底部加上 -webkit-overflow-scrolling: touch;

在index.html中&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximu

vue实例（jquery使用，外部调用vue作用域里面的方法）&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;vue实例&lt;/title&gt; &lt;meta name=&quot