随笔分类 - [10]Vue
Vue js
摘要：弹出表单处理，很常见的场景。 一些简单的业务需求，可以直接通过对话框来完成。 直接看效果！ 看实现代码，首先要有对话框的内容部分。 <el-dialog title="延迟审核" :visible.sync="dialogDelayFormVisible"> <el-form style="widt
阅读全文
摘要：npm update vue-template-compiler
阅读全文
摘要：development 开发环境（本地服务器） stage (test) 测试环境 (测试服务器) production 生产环境（正式服务器） .env.development # 开发环境 ENV = 'development' # base api VUE_APP_BASE_API = 'lo
阅读全文
摘要：跳转按钮 <el-button type="primary" size="medium" icon="el-icon-s-grid" @click="handleToAcreage(floorInfo)">房屋面积管理</el-button> 跳转新的页面方法 handleToAcreage(row
阅读全文
摘要：<i class="el-icon-s-grid" ></i> <template> <i class="el-icon-edit"></i> <i class="el-icon-share"></i> <i class="el-icon-delete"></i> <el-button type="
阅读全文
摘要：如何增加一个查询数据库的select data中加一个变量 buildingTypeList: [] 初始化的时候获取内容 created() { // 获取楼栋类型 this.getBuildingTypeList(); } // 添加方法 getBuildingTypeList() { getB
阅读全文
摘要：先卸载 brew安装的node，避免与n安装的node冲突 brew uninstall node 然后安装 n brew install n 通过n 安装不同版本的node sudo n 16.3 sudo n 14.17.0 查看n % n list node/14.17.0 node/16.3
阅读全文
摘要：node-sass 6.0.0版本与^4.0.0不兼容 1、先卸载之前版本的node-sass npm uninstall node-sass 2、卸载后安装4.0.0版本 npm install node-sass@4.14.1 tips:4.14 要求node版本要为14，高版本的node，可能
阅读全文
摘要：vue后台开发 添加路由 { path: '/building-type', component: Layout, name: 'buildingType', children: [ { path: 'index', component: () => import('@/views/building
阅读全文
摘要：Component 所有的Component文件都是以大写开头 (PascalCase)，这也是官方所推荐的。 但除了 index.vue。 例子： @/components/BackToTop/index.vue @/components/Charts/Line.vue @/views/examp
阅读全文
摘要：在 vue-element-admin 中，一个完整的前端 UI 交互到服务端处理流程是这样的： - UI 组件交互操作； - 调用统一管理的 api service 请求函数； - 使用封装的 request.js 发送请求； - 获取服务端返回； - 更新 data； 从上面的流程可以看出，为了
阅读全文
摘要：基于1280尺寸。 支持scss。 支持px2rem。 开发，打包，上线。 很好用。 有了Vue，各种插件都可以使用，路由也可以使用。 最后一打包，什么都ok。
阅读全文
摘要：// vue.config.js const px2rem = require("postcss-plugin-px2rem"); module.exports = { chainWebpack: config => { config .plugin('html') .tap(args => { a
阅读全文
摘要：1、安装 npm install postcss-plugin-px2rem --save-dev 2、引入配置 // vue.config.js const px2rem = require("postcss-plugin-px2rem"); module.exports = { css: { l
阅读全文
摘要：父视图，通过属性传入参数 <template> <div class="home"> <Index name="Zhang" age="18"/> </div> </template> <script> import Index from '@/components/Index.vue' expor
阅读全文
摘要：import Vue from 'vue' import VueRouter from 'vue-router' import Home from '../views/Home.vue' Vue.use(VueRouter) const routes = [ { path: '/', name: '
阅读全文
摘要：sudo cnpm install -g vue-cli 这样脚手架创建项目更加的快。 vue create demo
阅读全文
摘要：<el-table-column prop="is_show" label="是否显示"> <template slot-scope="scope"> <el-switch disabled v-model="scope.row.is_show" active-value="1" inactive-
阅读全文
摘要：1、安装 npm install tinymce -S npm install @tinymce/tinymce-vue -S 如果是v2.x可以安装指定版本 npm install tinymce@5.1.0 -S npm install @tinymce/tinymce-vue@3.0.1 -S
阅读全文
摘要：--save和--save-dev 在安装包时, 我们可以根据环境决定包的安装效果. 假设我们要安装express 1.执行 npm i express --save 则表示我想在生产环境中使用express, 同时, express的版本信息会被写入package.json中的dependenci
阅读全文
