izhaong

背景如果你写了很多 render 函数，可能会觉得下面这样的代码写起来很痛苦：createElement( 'anchored-heading', { props: { level: 1 } }, [ createElement('span', 'Hello'), ' world!' ])[ { label: '最近更新时间', prop: 'update_time', align: 'center', visible: false },.

解决问题只举一个例子(我正好需要用到的)在写中后台时, 如果对 表格组件 再度封装了, 比如这样的以element-ui 为例: <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180">

很久没有再写管理后台, 每次coding都有不同的想法, 为了更易于扩展, 更快捷, 更模块话…说白了就是懒基于Vue element-ui构建 并举例用户表的增删改查文章目录根页面 user.jscomponents/ComplexTable.vuecomponents/Pagination.vue (非原创)components/FormGenerate.vue最后是api和函数工具apiutils.js根页面 user.js<!-- * @Descripttion: 用户管理页面 *

自定义上传进度on-progress 文件上传时的钩子 function(event, file, fileList)evnet 参数ProgressEvent {isTrusted: true, percent: 100, lengthComputable: true, loaded: 17830, total: 17830, …}isTrusted: truelengthComputable: trueloaded: 17830total: 17830type: "progress"

文章目录可内嵌说明: 常见语法请到官网查看, 本文收录不常见的用法可内嵌slot插槽可以向<div>标签一样内容使用例如:<slot name="tableHeader"> <el-header v-show="showHeader" style="height: 50px;" class="pag...

/*@Descripttion:通过递归的方式把一个对象的所有属性转化成可观测对象@version:@Author: 仲灏Izhaong164165005@qq.com@Date: 2020-03-30 10:44:44@LastEditors: 仲灏Izhaong164165005@qq.com@LastEditTime: 2020-04-20 18:12:54*/expor...

文章目录攻击手段及原理客户端问题(非第三方工具 NC Fidder等上传工具)抵御方法具体代码实例Vueelement-ui upload组件漏洞只能减少, 无法根除,本文只初步介绍常见的攻击手段及客户端的基本防御攻击手段及原理上传文件是WebShell时，攻击者可通过这些网页后门执行命令并控制服务器；上传文件是其他恶意脚本时，攻击者可直接执行脚本进行攻击；上传文件是恶意图...

常规组件使用定义组件components/list/list.vue<template> <ul> <li v-for="(item, index) in list" :key="`item_${index}`"> {{ item.name }} </li> </ul></template...

1. 后端代码概览server/router/index.js请求router.get('/getUserInfo', function (req, res, next) { // 登录请求 res.send('success')})router.get('/authorization', (req, res, next) => { // 获取验证请求 const us...

http.jsimport axios from 'axios'import { Message, Loading } from 'element-ui';import router from './router'let loading //定义loading变量function startLoading() { //使用Element loading-start...

创建table实例页views/table.vue<template> <h1>table page</h1></template><script>import { getTableData } from '@/api/data'export default { data () { return { tab...

注册页面路由router/router.js { path: 'folder_tree', name: 'folderTree', component: () => import('@/views/folder-tree/folder-tree.vue') }定义api请求api/data.jsexport const getFolderList =...

Tree组件实现文件目录-基础实现封装文件目录组件src\views\folder-tree\folder-tree.vue<template> <div class="folder-wrapper"> <folder-tree :folder-list="folderList" :file-list="fileList"/> &...

封装axios.jsimport axios from 'axios'import { baseURL} from '@/config'class HttpRequest { constructor (baseURL = baseURL) { this.baseURL = baseURL this.queue = {} // 队列中有请求时 显示loado...

自定义组件使用 v-model<my-component v-model="data"></my-component>在组件my-component中，通过this.$emit(‘input’)就可以改变data的值了。this._uid<div :id="eleId"></div><script>computed: { ...

颜色--blue: #007bff;--indigo: #6610f2;--purple: #6f42c1;--pink: #e83e8c;--red: #dc3545;--orange: #fd7e14;--yellow: #ffc107;--green: #28a745;--teal: #20c997;--cyan: #17a2b8;--white: #fff;--gr...

项目文件目录/src/apiajax.js/** * ajax 请求函数模块 * 返回值为promise对象 */import axios from 'axios'export default function ajax (url, data = {}, type = 'GET') { return new Promise((resolve, reject) => { ...

import axios from 'axios'import qs from 'qs'axios.post('http://localhost:8888/baseitem/update', qs.stringify({id:242324,img:1})).then(res => { console.log(res) }).catch(res => {...

在index.html中head标签中 &lt;script&gt; //通过window.screen.width获取屏幕的宽度 var offWidth = window.screen.width / 375; //这里用宽度/30表示1rem取得的px document.getElementsByTagName("html")[0].style.fontSize...

问题: 让子组件在父组件有哪个数据的时候再渲染，解决方案: 可以在父组件上加一个判断条件，举例说明:<a-component :opt="opt" v-if="opt.c == 3"></a-component>但是即使是子组件先渲染出来了，但当axios请求结束后，即opt的数据改变后，也会自动传递给子组件，从而更改子组件的状态。所以感觉非要等到数据exte...

<template> <div id="container"> <div class="img-item m-1 upload-file" id="selectfiles" @click="axioSignal"> <span class="mask"></span> <b-form-...

在index.html中添加一下代码<scriptsrc="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script><script>if ('addEventListener' in document) {document.addEventList...

Star 静态组件<template> <div class="star star-24"> <span class="star-item on"></span> <span class="star-item on"></span> <span class="star-item on"&gt...

在vue中使用eg async created () { await setTimeout(()=>{ console.log(1) },5000); }, async mounted () { console.log(2) }在vue中给created使用async await，还是会先输出2，而不是等1输出完？若想实现这个要...

第一种解决方案ctrl + shift + Xeslint 安装ctrl + , 或者打开C:\Users\Administrator\AppData\Roaming\Code\User\setting.json{ "editor.tabSize": 2, "files.associations": { "*.vue": "vue" }, "es...

1var time = new Date(ele.time).toLocaleString().split(' ')[0]2利用filter时间过滤

Vue.js - Day1课程介绍前5天： 都在学习Vue基本的语法和概念；打包工具 Webpack , Gulp 后5天： 以项目驱动教学；什么是Vue.jsVue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js 是前端的主流框架之一，和An...