前端

Vue更好的HTTP框架axios.js

Vue更好的HTTP框架axios.js

Vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐axios 安装 1、利用npm安装:npm install axios --save 2、利用bower安装:bower install axios --save 3、直接利用cdn引入:<script src=&

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Vue.js中利用axios实现文件上传进度实时更新

Vue.js中利用axios实现文件上传进度实时更新

XHR二级增加了progress事件,我们可以据此在浏览器接收新数据期间添加实时数据进度条,从而使得交互更加友好 Vue模板 <div class="progress" @click="upload" :style="{backgrou

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Vue中使用highlight.js

Vue中使用highlight.js

通过自定义指令的方式来实现在Vue中实现语法高亮 基本实现 安装 npm install highlight.js --save 编码 // Vue-cli生成的工程文件的src/main.js import hljs from 'highlight.js' impor

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Vue读取本地md文件

Vue读取本地md文件

使用 $http 方式获取 npm install vue-resource --save-dev news_list.vue <yd-layout style="margin-top: 10px"> <yd-cell-group title="

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Markdown CSS样式

Markdown CSS样式

<div class="article" v-html="compiledMarkdown" v-highlight></div> <vue-markdown class="article" v-highlig

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Vue解析Markdown实现

Vue解析Markdown实现

经实测,vue-markdown的效果更好 marked npm install marked --save 具体使用: <template> <div class="article" v-html="compiledMarkdown"

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Vue.js修改第三方组件并引用

Vue.js修改第三方组件并引用

修改第三方组件 以vue-ydui为例 (1)fork clone 或 直接clone并create repository (2)npm install (3)修改并调试vue-ydui项目 (4)npm run build (5)commit & push 引用第三方组件 配置 pack

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Vue自定义组件(简单实现一个自定义组件)

Vue自定义组件(简单实现一个自定义组件)

在用Vue构建项目的过程中,我们有时会用到别人开发的组件如vue-router,使用他人组件的正常步骤如下: 1、命令行进行安装,执行install 2、在Vue项目中的入口文件main.js中,进行导入 3、然后用Vue.use(plugin)引入该组件 我们也可以创造属于自己的组件,具体步骤如

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Vue全局Filter体验

Vue全局Filter体验

定义全局Filter src/common/global.js import Vue from 'vue' Vue.filter('formatOrderStatus', function (orderStatus) { switch (orderSt

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Vue刷新当前页面或组件

Vue刷新当前页面或组件

利用v-if控制router-view,在根组件APP.vue中实现一个刷新方法,然后通过provide/inject方式调用。 1、修改APP.vue,通过声明reload方法,控制router-view的显示或隐藏,从而控制页面的再次加载,这边定义了isRouterAlive来控制 <t

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Vue踩坑:Html属性差值弃用双大括号改用v-bind

Vue踩坑:Html属性差值弃用双大括号改用v-bind

input标签的placeholder属性 <input slot="right" type="number" pattern="[0-9]*" placeholder="{{phone_placeholder}}&quot

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Webpack核心概念及入门

Webpack核心概念及入门

核心概念 Entry | 代码的入口,打包的入口,单个或多个入口 Output | 打包成的文件(bundle) 一个或多个 自定义规则 Loaders | 处理文件,转化为模块 Plugins | 可以参与整个打包的过程 | 打包优化和压缩 | 配置编译时的变量 Mode

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Ant Design Upload组件

Ant Design Upload组件

文档:https://3x.ant.design/components/upload-cn/ 取消图片删除按钮 <Upload showUploadList={{showRemoveIcon:false}} //加上这句代码 onChange={this.uploadStateCha

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Vue设置路由History mode模式,打包vue run build后访问404问题

Vue设置路由History mode模式,打包vue run build后访问404问题

问题描述 Vue设置路由History mode模式,打包vue run build后页面访问报404错误。一般开发单页应用的URL都会带有#号的hash模式,因为业务需求,或者不想使用带#号,通常在路由index.js里面设置: export default new Router({ //

Joe.Ye Joe.Ye 2023-03-12
0 0 0
Vue访问去掉url地址栏中的#符号

Vue访问去掉url地址栏中的#符号

要去掉Vue访问地址中的#符号可以在路由中设置路由模式mode为history export default new Router({ mode: 'history', routes: [{ path: '/', name:

Joe.Ye Joe.Ye 2023-03-12
0 0 0
1 8 9 10 11 12 20