vue
唐宋缘明卿_cris
这个作者很懒,什么都没留下…
展开
-
Vue实现父子组件传参
目录前言一、父传子二、子传父前言vue的父子组件传值方式:父传子、子传父引用官网的一句话:父子组件的关系可以总结为 prop 向下传递,事件向上传递父组件通过 prop 给子组件下发数据,子组件通过事件给父组件发送消息,如下图所示:一、父传子父组件:<template> <div id="container"> <input type="text" v-model="text" @change="dataChange">原创 2020-06-02 11:57:09 · 781 阅读 · 0 评论 -
前端Vue上传图片到七牛云&后端Django上传图片到七牛云
目录前言上传方式Vue上传图片到七牛云Django上传图片到七牛云前言在开发项目的时候,经常会用到上传图片的功能,如果把图片全都存放在项目路径下,会导致项目越来越臃肿,因此可以考虑把图片上传交给第三方处理,此处采用七牛云进行图片存储。经过测试,通过七牛云获取图片确实比直接通过自己的服务器获取的速度要快得多,赶快去注册七牛云吧。上传方式上传图片的方式有两种:通过服务器:将文件传到服务端,由服务端上传到七牛云通过前端JS:将文件直接从JS上传到七牛云。两种方式都可以完成上传,但原创 2020-06-01 18:51:53 · 493 阅读 · 0 评论 -
vue项目部署到阿里云上详解(一次详细的部署)
首先,买一台云服务器是必要的,我使用的是阿里云服务器CentOS 7.4 64位操作系统。在整个vue-cli项目上线过程中,我遇到了很多问题。不过,最终圆满解决了,因此在这里记录一下。遇到的问题:云服务器连接vue项目打包上线nginx安装配置本地json数据无法访问vue路由页面无法访问一、使用Xshell连接云服务器1、百度下载一个Xshell+Xftp6并安装。2、打开Xshell,建立与远程服务器的连接注意:上图的主机就是阿里云上创建的实例的公网ip3、配置好主机后点转载 2020-05-13 22:03:36 · 4729 阅读 · 0 评论 -
为网站页面添加live2D小猫猫
live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发,通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像。live2d官方提供了很多平台的SDK),包括iOS,Android,Flash,Unity,openGL等,然后如果要在网页中呈现,则可以提供了WebGL SDK,可以参照官方网站:https://www.live2d.com/live2d不仅在移动端,同时也可以在网页中呈现,首先网页要引入官方提供的webgl的js压缩包 L2Dwidget.min.原创 2020-05-24 21:05:19 · 2551 阅读 · 0 评论 -
(Vue+Django)实现前端下载后端生成的csv数据
前端下载后端生成的csv数据前端VUE实现后端Django-CBV实现前端VUE实现<template> <div id="home"> <a :href="'http://localhost:8000/download/?id=' + id"> 下载</a></div></template><script> export default { name: 'home原创 2020-05-28 15:28:21 · 956 阅读 · 0 评论 -
Vue实现组件的局部刷新
Vue实现组件的局部刷新通过v-ifVue中我们不可避免的需要调用来自各个方面的组件:奇奇怪怪的组件增加了!这个时候有个问题:我从后端传来的数据给组件渲染,然而组件却没有更新!恼火,难道我只能刷新网页才能更新数据吗!搭嘎抠图哇路(但是我拒绝!)!通过v-if在组件中添加v-ifv-if="reFresh"<script>export default { data(){ return{ reFresh:true } }, methods: { R原创 2020-05-28 15:46:08 · 1527 阅读 · 0 评论 -
vue-cli3没有config文件解决方案,在根目录加上vue.config.js文件
之前遇到vue打包后白屏,解决办法都是修改config文件,cli3没有该文件需要手动创建。白屏的问题,打包后的index.html中JS都是根目录的,所有打包后不放根目录找不到其他js文件。可以通过新建并配置config.js来完成官方vue-cli 3,精简很多文件,其中包括没有了cli2中的config目录,所以需要更改之前cli2中config中相关的配置文件。需要在cli3项目根目录下新建文件vue.config.js来写,注意不是src目录,是根目录module.exports = {原创 2020-05-29 14:33:51 · 5368 阅读 · 0 评论