
封装组件
爱吃松果的美美
前端开发
展开
-
封装组件//前端在界面上看到json数据
<pre><code id="json">{{axiosResponse}}</code></pre>若经常用,可以封装成组件,加以折叠等功能原创 2021-08-07 16:25:09 · 228 阅读 · 0 评论 -
封装组件//vue封装树、不使用ui(组件复用、递归)
知识点:1、组件调用组件本身,递归原理2、通过 this.$set 对对象进行响应式赋值,控制 isShow 状态封装的组件代码<!-- --><template> <div> <div v-for="(item,index) in parentList" :key="index"> <p @click="showMore(item,index)">{{item.label}}</p> .原创 2021-07-30 16:01:29 · 161 阅读 · 0 评论 -
封装组件//自己实现一个 v-model
封装的组件利用了 input 的 value属性 和 input事件<template> <div> <input type="text" :value="val" @input="change"> </div></template><script>export default { name: 'InputValue', components: {}, props: { val: {.原创 2021-07-26 17:04:07 · 382 阅读 · 0 评论 -
封装组件——表单(vue+element)
<template><!-- scpsForm 重写表单 --> <div> <rewriteForm ref="form" size='small'> </rewriteForm> </div></template><script>export default { provide() { return { parentThis:原创 2021-05-09 17:30:12 · 131 阅读 · 0 评论 -
封装组件——抽屉drawer(vue+element)
<template> <el-drawer :title="title" :size='size' :visible.sync="showDrawer" ref='drawer' destroy-on-close :before-close='dbeforeClose' :append-to-body="appendBody"原创 2021-05-09 17:25:51 · 1437 阅读 · 0 评论 -
封装组件——上传文件(vue+element)
<template> <div :id="fileId + '_upfile'" v-if="!readOnly" :style="'min-width:' + 'px;color:#999'"> <el-popover v-if="showHepl && !disabled" class="hepl" placement="top-start"原创 2021-05-09 17:24:06 · 264 阅读 · 0 评论 -
封装组件——regionArea行政区域级联下拉(vue+element)
<template> <div v-if="!disabled"> <el-cascader :options="cityList" :size="size" :style="myStyle" :props="{ checkStrictly: checkStrictly, label: 'region_name', c原创 2021-05-09 17:21:46 · 333 阅读 · 0 评论 -
封装组件——listPage页头及分页(vue+element)
<template> <div id="listPage"> <scpsForm :label-width="labelWidth" inline :size="size" v-if="showSearchForm"> <el-card class="___search" shadow="never"> &l原创 2021-05-09 17:18:11 · 464 阅读 · 0 评论 -
封装组件——pageInfo分页(vue+element)
<template> <div class="page"> <el-pagination v-if="show" :small="small" background :page-size="pageSize" :total="total" :layout="layout"原创 2021-05-09 17:16:13 · 544 阅读 · 0 评论