Vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐axios 安装 1、利用npm安装:npm install axios --save 2、利用bower安装:bower install axios --save 3、直接利用cdn引入:<script src=&
XHR二级增加了progress事件,我们可以据此在浏览器接收新数据期间添加实时数据进度条,从而使得交互更加友好 Vue模板 <div class="progress" @click="upload" :style="{backgrou
通过自定义指令的方式来实现在Vue中实现语法高亮 基本实现 安装 npm install highlight.js --save 编码 // Vue-cli生成的工程文件的src/main.js import hljs from 'highlight.js' impor
使用 $http 方式获取 npm install vue-resource --save-dev news_list.vue <yd-layout style="margin-top: 10px"> <yd-cell-group title="
<div class="article" v-html="compiledMarkdown" v-highlight></div> <vue-markdown class="article" v-highlig
经实测,vue-markdown的效果更好 marked npm install marked --save 具体使用: <template> <div class="article" v-html="compiledMarkdown"
修改第三方组件 以vue-ydui为例 (1)fork clone 或 直接clone并create repository (2)npm install (3)修改并调试vue-ydui项目 (4)npm run build (5)commit & push 引用第三方组件 配置 pack
在用Vue构建项目的过程中,我们有时会用到别人开发的组件如vue-router,使用他人组件的正常步骤如下: 1、命令行进行安装,执行install 2、在Vue项目中的入口文件main.js中,进行导入 3、然后用Vue.use(plugin)引入该组件 我们也可以创造属于自己的组件,具体步骤如
定义全局Filter src/common/global.js import Vue from 'vue' Vue.filter('formatOrderStatus', function (orderStatus) { switch (orderSt
利用v-if控制router-view,在根组件APP.vue中实现一个刷新方法,然后通过provide/inject方式调用。 1、修改APP.vue,通过声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载,这边定义了isRouterAlive来控制 <t
input标签的placeholder属性 <input slot="right" type="number" pattern="[0-9]*" placeholder="{{phone_placeholder}}"
核心概念 Entry | 代码的入口,打包的入口,单个或多个入口 Output | 打包成的文件(bundle) 一个或多个 自定义规则 Loaders | 处理文件,转化为模块 Plugins | 可以参与整个打包的过程 | 打包优化和压缩 | 配置编译时的变量 Mode
文档:https://3x.ant.design/components/upload-cn/ 取消图片删除按钮 <Upload showUploadList={{showRemoveIcon:false}} //加上这句代码 onChange={this.uploadStateCha
问题描述 Vue设置路由History mode模式,打包vue run build后页面访问报404错误。一般开发单页应用的URL都会带有#号的hash模式,因为业务需求,或者不想使用带#号,通常在路由index.js里面设置: export default new Router({ //
要去掉Vue访问地址中的#符号可以在路由中设置路由模式mode为history export default new Router({ mode: 'history', routes: [{ path: '/', name: