摘要:
因为各种原因现已将博客搬至CSDN 传送门 阅读全文
摘要:
1,vue中安装wangEditor 使用的npm安装 npm install wangeditor --save 2,创建公用组件 在components中创建wangEnduit文件夹 组件内容为: <template lang="html"> <div class="editor"> <div 阅读全文
摘要:
1.导航守卫是什么 官方这么说: 正如其名,vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。 好吧,看不懂,就好(当)好(废)理(话)解(吧)下。其实,导航守卫就是路由跳转过程中的一些钩子函数,再直白点路由跳转是一个大的过程,这个大的过程分为跳转前中后等等细小的过程,在每一个 阅读全文
摘要:
1、作用:this.$router.push() 可以通过修改url实现路由跳转。 2、push 后面可以是对象,也可以是字符串: // 字符串 this.$router.push('/home/first') // 对象 this.$router.push({ path: '/home/first 阅读全文
摘要:
:formatter 常用来格式化内容 Function(row, column, cellValue, index) 使用: <el-table-column label="发布时间" prop="createTime" :formatter="dateFormat"></el-table-col 阅读全文
摘要:
1:我们需要先创建一个本地的版本库(其实也就是一个文件夹)。直接右击新建文件夹,或者右击打开Git bash命令行窗口通过命令mkdir来创建(mkdir 文件名)。 进入这个文件夹的根目录,选中目录输入cmd,然后回车; 2:输入命令: git init 把这个文件夹变成Git可管理的仓库 这时你 阅读全文
摘要:
1、定义过滤器 2、使用过滤器 ...... <el-table-column prop="user_gender" align="center" label="性别" width="50" ></el-table-column> <el-table-column align="center" la 阅读全文
摘要:
(1)onreadystatechange 属性(状态属性) 该属性存有处理服务器响应的函数。下面的代码定义一个空的函数,可同时对 onreadystatechange 属性进行设置: 写法1: 写法2: 例子:https://www.w3school.com.cn/ajax/ajax_xmlhtt 阅读全文
摘要:
1、创建一个文件夹,vscode打开 2、ctr + shift+` 打开指令窗口 3、npm i vue-cli -g 安装vue-cli 4、vue -V 测试安装版本 检查是否安装成功 5、vue init webpack 初始化 6、在当前文件新建项目 7、install vue-route 阅读全文
摘要:
MVVM模式 下图不仅概括了MVVM模式(Model-View-ViewModel),还描述了在Vue.js中ViewModel是如何和View以及Model进行交互的。 ViewModel是Vue.js的核心,它是一个Vue实例。Vue实例是作用于某一个HTML元素上的,这个元素可以是HTML的b 阅读全文
摘要:
1、 2、 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) export default new Vuex.Store({// 公共数据源 state: { count: 0 }, // 突变 mutations: { }, a 阅读全文
摘要:
原因大概是:(官网也有提及) 关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cl 阅读全文
摘要:
{{ }} 里面可以是: 表达式 字符串 函数 正则表达式 boolean 主要有 1.{{num + 1}} 运算符 data:{ num:5 } 2.{{status ? ‘succeed’ : ‘failed’}} 三元表达式 data:{ status: true } 3.{{changeT 阅读全文
摘要:
1、html代码 <div slot="ti_content" style="width: 100%;height: 250px;overflow-y: auto;"> <span v-html="highlight(addFromData.ti_content)"></span> </div> < 阅读全文
摘要:
前端目标代码: <ul v-loading="loading"> <li v-for="(item, index) in options" :key="index" :style="{ cursor: item.tic_parent_id != 0 ? 'pointer' : '' }" :clas 阅读全文
摘要:
<el-table-column slot="ti_content" label="文章内容" align="left"> <template slot-scope="scope"> <div class="box-content">{{ scope.row.ti_content }}</div> 阅读全文
摘要:
<el-table-column slot="tbiMemo" label="厂商介绍" align="left" minWidth="250px"> <template slot-scope="scope"> <div class="showInline">{{ scope.row.tbiMemo 阅读全文
摘要:
1、返回json格式的数据 前端处理数据时,需要处理:因为前端接收到的是一个对象(object) JSON.stringify() 方法是将一个JavaScript值(对象或者数组)转换为一个 JSON字符串,如果指定了replacer是一个函数,则可以替换值,或者如果指定了replacer是一个数 阅读全文
摘要:
1、父组件 。。。 <div v-else-if="routerType == 'buttonAdd' || routerType == 'buttonEdit'"> <button-add :sortCodeBtn="sortCodeBtn" :menuItem="menuItem" :child 阅读全文