![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 74
zxf_CN
这个作者很懒,什么都没留下…
展开
-
vue3.0 + element-plus + 上传图片到七牛云
时间:2021.8.30 ,想在项目中,把上传的图片存储到 七牛云 上,但是发现,七牛云他只给了一个限时 30 天的 cdn,就是在30天后,这个就会取消掉,不知道上传后的图片还有没有在 。需要绑定 备案的域名,就应该可以永久使用了吧,不过我没有 备案的域名,但是还是记录一下 。1. 创建七牛云账号:创建账号后,需要实名后,才能开通一个 30 天,内存为 10G 的域名!1、创建一个对象存储 空间:他会让你起一个空间名称,用来存储你的东西!地区我选择的是 华南的,访问控制选择 公开的。原创 2021-08-30 11:28:44 · 3001 阅读 · 0 评论 -
wangEditor4 + vue3.0 创建一个基础的 富文本编辑器
文章时间:2021.8.13如果超过太久了,可能文章就会失效了,所以请注意 。项目场景:使用 wangEditor 来弄一个 富文本编辑器,实现文章的 添加 和 编辑。问题描述:在网上搜了,使用那个富文本编辑器好,于是就找到了这个 wangEditor ,我也不知道 轻量不轻量,反正还好用 。样子的这样的,看图:因为是使用 vue3.0 来和他搭配,他的官网只有和 html 页面搭配,所以到网上找文章,看了好多、好多,发现咦,为什么我的配置都报错了,他们不好呢 ?原来是 他们使用原创 2021-08-13 17:02:52 · 2124 阅读 · 4 评论 -
vue3.x + ts + element-plus 的按需导入问题!!!
时间时间是 2021年7月,程序的版本更新很快,可能这篇文章在不久之后就没有作用了呢!问题:在使用 vue3.x 时,想使用 element-ui 来搭建界面,听说不支持,vue3.x 支持的是 element-plus 然后这个是 官网 https://element-plus.gitee.io/#/zh-CN 。然后,在按需导入时,按照官网的步骤,总弄不好,可能是我太笨了,然后才到网上找,重要找到了一篇文章 博客园的 祁腾飞 。使用步骤:1. 下载:admin > npm i转载 2021-07-28 10:51:45 · 2583 阅读 · 1 评论 -
vue 模板解析 --- 事件指令
还是先来个图片,压压惊:在 vue 中,我们使用的指令 v-on 事件绑定, v-text 等等指令,对 vue 进行操作,但 vue 的内部是怎么使用这些 指令的呢?以下就是 vue 所做的操作:主要步骤:从指令名中取出 事件名;<button v-on:click="dianJi">按钮</button>根据指令的值(表达式)从 methods 中得到对应的事件处理函数对象;fn = vm.$options.methods && vm.$opti原创 2020-11-25 09:57:56 · 237 阅读 · 0 评论 -
vue模板解析 --- 大括号表达式
我们在页面中书写 `{{}}`,为什么可以转换为 data 中的数据呢?我们可以进行调试来看看 代码做了什么事情?html 结构为:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模板解析</title></head><body> <div id="app"> {{name}} <.原创 2020-11-22 00:09:14 · 1769 阅读 · 0 评论 -
vue 插槽的使用
1. 组件插槽的作用父组件向 子组件 传递内容:不是之前的数据传递,是模板数据的传递我们平常定义的 组件模板,渲染到页面上是这样的:比如: 我们的组件模板为 a.vue 要渲染在 b.vue 上,就是这样的:a.vue<template> 我是子组件,要渲染到 b.vue 身上的</template>a.vue 导入到 b.vue 上;b.vue<template> <!-- 子组件的占位符 --> <a组原创 2020-10-30 16:36:52 · 3591 阅读 · 0 评论 -
vue 组件间的传值
子向父传递参数利用 子组件 中的 $meit 属性,注册事件,然后在 父组件 中,使用 $meit 定义的方法,在 父组件 中绑定事件;我们触发 子组件 的绑定 $meit 事件,就会 触发 父组件中的数据;如果,再利用 $meit 的第二个属性,传递 子组件 的参数,过去 父组件中;$emit 语法:$emit('绑定的事件',传递的数据)1. 在页面元素上绑定事件(常用:1,在 子组件 中使用 $meit () 来传递给 父组件;<button @click="$emit('c原创 2020-10-27 22:15:29 · 152 阅读 · 0 评论 -
vue 的 watch 监听属性的 使用
1. 基本使用概念: 监听数据的变化,他可以得到这个数据的 旧 和 新 的数据,watch 主要用于监控 vue实例 的变化,语法:语法一:data () { return { 先定义变量: '变量值'; }},watch: { '再监听的变量': function (newVal, oldVal) { }}语法二:const vm = new Vue({ data() { return {原创 2020-10-26 14:47:19 · 1466 阅读 · 0 评论 -
vue 的 背景图片,为什么斜杠都没有了?
背景图片的路径问题在发起请求后,获取到 背景图片的路径:然后在 html 中,使用行内式,书写背景图片:<!-- 图片展示 --><div class="banner" :style="{'backgroundImage':`url(require(${model.banner}))`}"></div>在浏览器中,查看元素的路径是这样的:为什么,路径中没有斜杠了呢 ?...原创 2020-09-02 16:15:01 · 356 阅读 · 1 评论