Vue
Vue相关知识
iCodingShow
这个作者很懒,什么都没留下…
展开
-
vue中textarea监听粘贴事件获取图片
html中代码:JavaScript中代码:原创 2021-10-26 20:24:00 · 1720 阅读 · 0 评论 -
vue中textarea实现回车发送,ctrl+enter实现换行
html里代码:<el-input type="textarea" autofocus="true" @keydown.native="handleKeyCode($event)" resize="none" v-model="message" maxlength="2000" show-word-limit></el-input>js代码:// 键盘回车事件handleKeyCode(event) { if (event.keyCo原创 2021-10-24 01:00:00 · 4183 阅读 · 2 评论 -
vue中打开多个标签页能否共享vuex数据?
背景原创 2021-10-24 00:15:00 · 5560 阅读 · 5 评论 -
vue中v-html识别\n换行
使用CSS中的 white-space: pre-wrap 属性进行控制,如下:下面是介绍white-space的属性(来源于MDN)normal连续的空白符会被合并,换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。nowrap和 normal 一样,连续的空白符会被合并。但文本内的换行无效。pre连续的空白符会被保留。在遇到换行符或者元素时才会换行。pre-wrap连续的空白符会被保留。在遇到换行符或者元素,或者需要为了填充「行框盒子(line bo原创 2021-10-19 10:54:48 · 918 阅读 · 0 评论 -
vue调用浏览器摄像头并实现拍照、下载到本地功能
html代码:<div class="camera_outer"> <video id="videoCamera" :width="videoWidth" :height="videoHeight" autoplay></video> <canvas style="display:none;" id="canvasCamera" :width="videoWidth" :height="videoHeight"></canvas&g原创 2021-08-02 20:03:22 · 1211 阅读 · 0 评论 -
vue中的计算属性总结
我们首先在官网看下对技术属性computed的介绍:原创 2021-06-09 19:02:52 · 687 阅读 · 0 评论 -
vue中的watch的用法总结
文章目录常见用法绑定方法deepimmediate绑定多个handler监听对象属性用法1用法2用法3用法4用法5用法6常见用法绑定方法deepimmediate绑定多个handler监听对象属性Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动:侦听属性。用法1<template> <div> <input v-model="question"> <span>{{ copyQuest原创 2021-06-09 14:22:20 · 573 阅读 · 1 评论 -
项目中使用base64编码
项目中需要用到python脚本编译的地方,在xian向后端传递参数的时候,方式python脚本格式错乱,将python脚本进行base64编码之后在传参。安装npm install --save js-base64在项目中引用let Base64 = require('js-base64').Base64;// 或者import { Base64 } from 'js-base64'例子let latin = 'dankogai';let utf8 = '小飼弾'let u8s原创 2021-05-28 16:33:17 · 197 阅读 · 0 评论 -
如何在 Vue 中使用 JSX
这里写自定义目录标题安装配置JSX 是 Facebook 工程团队创造的一个术语。JSX 是 JavaScript 的类似XML的语法扩展,没有任何定义的语义。JSX 不打算由引擎或浏览器实现。相反,我们将使用 Babel 之类的转置器将JSX转换成常规的 JS 。// 此行是JSX的示例const heading = <h1>Welcome to Scotch</h1>;基本上,JSX 允许我们在 JS 中使用类似 Html 的语法。安装// 安装npm i原创 2021-05-20 10:52:13 · 273 阅读 · 0 评论 -
element-ui cascader级联选择器,使用getCheckedNodes()获取选择对象参数信息,及如何使用props自定义设置value、label、children的键名
需求一:我需要在cascader级联选择后,拿到当前选择对象的其他参数信息,而不单单只获取到选择的value值需求二:后端返回的数组,并不是cascader级联选择器默认的value,label,children怎么修改成当前的键值来循环呢?具体参考:https://blog.csdn.net/Umbrella_Um/article/details/113525867...转载 2021-05-12 10:39:47 · 1054 阅读 · 0 评论 -
iview和element中日期选择器快捷选项的定制控件
公司的两个vue项目中都用到了iview和element这个框架,最近的两个需求都有关于日期选择的定制控件,就是要求日期选择的快捷选项左边栏有包含今日、昨日、本周、上周、最近一周、本月、上月、上季度、本季度、去年、今年,由于element官网中对于这样的快捷选项并不是很好,满足不了实际的场景需要,所以就要自己定制开发。上网查了一些文档,根据实际需求定制了如下的控件,由于iview和elem...原创 2019-10-24 16:46:00 · 311 阅读 · 0 评论