Powered by md-Blog  文 - 篇  访客 -

  • Vue.js加载时屏幕闪现使用v-cloak指令

    当网络较慢,网页还在加载 Vue.js,而导致 Vue 来不及渲染,这时页面就会显示出 Vue 源代码。我们可以使用 v-cloak 指令来解决这一问题。在简单项目中,使用 v-cloak 指令是解决屏幕闪动的好方法。但在大型、工程化的项目中(webpack、vue-router)只有一个空的 div 元素,元素中的内容是通过路由挂载来实现的,这时我们就

    2020-05-27 12:43:51   2020-05-27 12:43:05
    分类:Vue / 浏览:015905545855841
  • Vue.js与后台通讯时 axios 无法 POST 的解决方案

    因为通过 axios 解析后的 post数据 不是正规的,所以需要 qs 进行转换安装 qsyarn add qsApp.vue import axios from "axios"; import qs from "qs"; ... let qsData = qs.stringify({login: _this.loginPwd,}); axios .post("/api.php", qsData) .then(function(res) { console.log(res); }) .catch(function(error) { console.log(error); });../../m

    2020-05-26 18:01:07   2020-04-03 14:13:19
    分类:Vue / 浏览:015858943997288
  • Vue.js子组件传值给父组件并且赋给v-model

    子组件:这里注意一定要传给 inputmethods: { this.$emit('input', '我的要传的值'); }父组件:drop-down 为一个组件名<drop-down v-model="myDrop"></drop-down> {{ myDrop }}../../md/Vue/

    2020-04-23 13:50:49   2020-04-23 13:50:49
    分类:Vue / 浏览:015876210496651
  • Vue.js防止xss攻击实例

    XSS(跨站脚本攻击)是攻击者在返回的 HTML 中嵌入了 Js 脚本。安装yarn add xssmain.jsimport xss from 'xss' // xss Object.defineProperty(Vue.prototype, '$xss', { value: xss })App.vue<template> <div> <p v-html="test"></p> <!-- 点击后有弹框 --> <p v-html="$xss(test)"></p> <!-- click事件被过滤,点击无效

    2020-04-16 09:46:08   2020-04-02 13:36:11
    分类:Vue / 浏览:015858057714365
  • Vue+axios 无法跨域获取 session 的解决方法

    1、PHP 服务器设置header('Access-Control-Allow-Origin:http://127.0.0.1:8080'); // 这里必须要对应绝对的请求地址,不可为 * header('Access-Control-Allow-Credentials:true'); //表示是否允许发送Cookie2、Vue 里 axios 配置让ajax携带cookieaxios.defaults.withCredentials = true;价值参考:《跨域资源共享 CORS 详解》—— 阮一峰http://www.ruanyifeng.com/blog/2016/04/cors.

    2020-04-06 15:01:16   2020-04-06 15:01:16
    分类:Vue / 浏览:015861564769064
  • Vue.js自定义插件来添加全局方法

    1、创建方法新建 /Global 目录,在里面新建 index.js 文件用来存放自定义全局方法,方法名推荐使用 $ 开头以便区分。index. jsexport default { install(Vue, ) { // 验证规则 Vue.prototype.$keyRule = function (rule) { return /^[a-zA-Z0-9_-]{6,20}$/.test(rule); } }2、入口文件引入main.js// 全局方法 import Global from './Global' // 引入 Vue.use(Global)

    2020-04-06 14:30:38   2020-04-06 14:30:38
    分类:Vue / 浏览:015861546386971
  • ant-design-vue 定制主题默认 Less 样式

    https://github.com/vueComponent/ant-design-vue/blob/master/components/style/themes/default.less/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ @import '../color/colors'; // The prefix to use on all css classes from ant. @ant-prefix: ant; // An override for the html selector for theme prefixes @html-selector: html; // -------- Colors ----------- @primary-color: @blue-6;

    2020-04-04 08:54:45   2020-04-04 08:54:45
    分类:Vue / 浏览:015859616853709
  • Vue Router 配置教程及嵌套路由、传参、动画效果等

    安装yarn add vue-router -D入口配置main.jsimport Vue from 'vue' import router from './router' // 添加 new Vue({ el: '#app', router, // 添加 render: h => h(App) });配置文件router/index.jsimport Vue from 'vue' import Router from 'vue-router' import Home from '@/Home' import Cart from '@/Cart' import Me from '@/Me' import NoPage from '@/NoPage' Vue.use(Router) const originalPush = Router.proto

    2020-04-02 20:37:35   2020-04-01 09:44:47
    分类:Vue / 浏览:015857054875021
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计