
【vue学习】
学习vue或开发vue项目中的总结
詹姆斯东
你知道的越多,你不知道的越多
展开
-
vue中富文本编辑器的安装及使用
应项目需求,需要使用富文本编辑器,故而研究一番一、如何安装: 安装方式有两种: 1)通过可视化项目管理器安装(推荐) 2)通过指令在vscode中进行安装安装步骤:(可视化项目管理安装) 1.打开cmd,运行vue ui,打开vue可视化项目管理器 2.选择依赖,点击安装依赖 3.输入vue-quill-editor,点击安装 安装成功后,点击查看详情 打开详情可看到关于富文本编辑器的使用二、如何使用 在main.js文件中导入以下代码,将富文本编辑器设置为全局可用//导入原创 2020-07-06 18:05:51 · 1399 阅读 · 2 评论 -
vue通过数组判断input内容是否重复
应项目需求,添加单选题答案不能出现重复项,找出重复项并提示用户 效果如图 代码实现: //定义方法 teast() { var arr = [ this.IA_inputw, this.IB_inputw, this.IC_inputw, this.ID_inputw ]; // 将数组中的元素放在一个字符串中,用逗号分隔 var s = arr.join(",") +原创 2020-07-06 09:22:31 · 3682 阅读 · 1 评论 -
vue中富文本编辑器的使用(高度调节,去除标签,纯文本输出)
1、调节富文本编辑器的最小高度 富文本编辑器的默认高度是不能满足使用需求的,那么如何设置高度呢 在富文本编辑器处,打开F12开发者工具,选中富文本编辑器中需要调节高度的位置,找到对应的网页元素,选中所在类,并在style中新增min-height:300px,由上图可知高度调节已经起作用了2、富文本编辑器如何去除标签元素,输出为纯文本项目中需要使用富文本编辑器,但存入数据库只需要纯文本内容即可,如何在富文本编辑器中输入内容,但输出为纯文本,如下图所示步骤: 准备两个全局变量 IA_inpu原创 2020-06-29 10:50:00 · 5846 阅读 · 4 评论 -
element-ui点击radio获取后面input的内容
项目开发中有一需求,在ABCD四个选项中,选择一正确选项,即选中一radio便获取对应input的内容,存入数据库如图:当点击radio A 时,自动获取后面input框中的内容 前提:我选用的是组件库中的单选框组 根据查阅element-ui的官方API得知,如果使用了单选按钮组,在el-radio-group中绑定v-model,在el-radio中设置好label,当设置了change事件后,选择不同的单选按钮,即可获取不同的radio的label值<template>原创 2020-06-22 11:21:15 · 8187 阅读 · 4 评论