wuko.0-CSDN博客

原创父组件和子组件实现双向绑定

父组件和子组件的双向绑定是在写组件经常遇到的事了方法1：通过wacth监听子组件的绑定的值更新过的值，再更新的父组件1，父组件传值到子组件的例：父组件<template> <input-box inputValue.sync = inputValue /></template>import inputBox from './input-box'export default { component:{ inputBox },

2021-03-27 14:36:00 449 1

原创 el-input遇到的问题

在之前的开发项目中需求（只能输入数字不能输入小数点），我在网上查阅了好多方式方法，好多都没能实现我想要的结果；一、实现思路1,实现只能输入数字<el-input size="mini" type="number" v-model="value" />2,但是上面这样处理，测试发现能输入字母"e",还可以输入小数点<el-input size="mini" type="number" v-model="value" @keydown.native="inputKe

2021-03-27 11:44:34 790

原创 vue安装vue-i18n语言切换

第一步npm install vue-i18n --save-dev第二步在项目的入口文件main.js中引入vue-i18n插件import VueI18n from 'vue-i18n'Vue.use(VueI18n)const i18n = new VueI18n({ locale: 'zh', // 语言标识 messages: { 'zh': require('./assets/lang/zh'), 例如：zh.js的路径 'en': require('./a.

2021-03-11 18:28:05 537 1

原创 vue项目安装sass步骤等遇到的问题

1、安装sass依赖包npm install --save-dev sass-loader注释（可能会出现问题：sass-loader版本过高导致，可以将其package.json中的版本改为7.3.1，然后再重新安装sass-loader包，若是还过高，则重装6.x版本）npm i [email protected] --save-dev2、sass-loader依赖于node-sass,所以要安装node-sassnpm install --save-dev node-sass

2021-03-11 18:07:13 269

原创 uni-app 和 vue引入字体图标

例如：第一步：视图部分<view class="iconfont icon_aa"></view>第二步：在入口脚本@font-face {font-family: 'iconfont';/* project id 1492538 */font-weight: normal;font-style: normal;src: url('//at.alicdn.com/t/font_...

2020-07-10 14:53:00 293

原创 uni-app开发支付宝rich-text遇到的问题

<rich-text :nodes="htmlCon"></rich-text>但是由于支付宝rich-text组件没有数组类型,import parse from 'mini-html-parser2';

2020-07-10 14:51:42 922

原创 js 随机生成密码

var pasArr = ['a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z','A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z','0','1','2','3','4','5','6','7','.

2020-07-10 14:49:08 153

原创禁止ios缩放，双击和双指

/*禁止ios缩放，双击和双指*/window.onload=function () {document.addEventListener('touchstart',function (event) {if(event.touches.length>1){event.preventDefault();}});var lastTouchEnd=0;document.addEventListener('touchend',function (event) {var no

2020-07-10 14:46:15 192

原创 uni-app定时器清除问题

在uni-app涉及到定时器清除问题:1.在一般的页面用onUnload(){ }2.在tabbar页面，用onHide(){}.

2020-07-10 14:44:20 7162

原创 flex布局个人总结

<html> <div class="box1"> <span>1</span> <span>2</span> <span>3</span> </div > <div class="box2"> <span>1</span> &l.

2020-07-10 14:38:52 98

原创 vue.js (商品分类)

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> *{ margin:0; paddin

2018-07-28 19:38:52 3021

原创 canvas 钟表

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script> /*arc(x,y,半径，起始弧度，

2018-07-28 19:23:08 106

原创商品放大镜

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #box{ height

2018-07-28 19:20:49 112

原创选择

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> *{margin:0;padding:

2018-07-28 19:19:47 100

原创圆周运动

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圆周运动</title> <style>

2018-07-28 19:18:32 268

原创模仿阿里云的（鼠标经过事件）

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> div{ height:

2018-07-28 19:17:21 235

原创简易的抽奖

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #list{width:330px;}

2018-07-28 19:14:46 169

翻译 <a href="javascript"></a>是什么意思？

看别人这么写，自己也想逼格下。<a href="javascript"></a>简单来说，”javascript:”是另外一种嵌套js代码在网页中的方法。跟通过标签嵌套js代码差不多。如点击下面链接会会执行”javascript:”后面的内容。不过不推荐这种写法。理由是使用标签href属性通常是保存超链接，用来控制页面转向。...

2018-07-04 10:16:49 1396

qq_40586654的博客