cmchenmei的博客

html<img :src="isWebp ? item.avatar : item.avatar + '.org'" class="avatar" @error="error(item,$event)" @load='load(item)'>jsexport default { name: "App", data () { return { ...

v-model.number 存在的坑<input type="number" v-model='order'> //在输入值 在输出的时候会被转换为string类型想要输入的内容依然是数字<input type="number" v-model.number='order'> 输出的时候是Number类型，因为在内部帮你把数据做

1.js 原生;(function(win, doc) { change() function change() { var remSize = window.innerWidth / 7.5 || 50 /*设计稿是以width = 750px 为基准的*/ document.querySelector('html').style.fontSize = (remSize &...

最近公司需求提出仿淘宝分享生成一张含有图片/二维码/文字的图片实现方法：采用的canvas 插入图片和生成图片的功能生成二维码采用的是QRCode 插件实现效果：实现步骤：我是在vue环境中实现的1.引入qrcode1安装插件 npm install qrcode2、在main.js中引入import QRCode from 'qrcode' //定义生成二维码组件...

注意一：组件传参的时候不能使用驼峰式命名规则原因：html对大小写不敏感，浏览器会将所有的大写解释为小写使用：在你使用模板的时候，如果模板中的prop中是以驼峰形式命名的，那么在传参的时候要以短线分隔，eg：Vue.componet('myInpt',{ porps:['errMess'], template:`<div>{{errMess}}</div&g...

head要先引入vue：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>html： <div id="app"> <div class='data_header'> <div class='prevBtn' @click=...

<div id="app"> <tree :datalist='treeData'></tree> </div> <script> const treeData = [ { name: '一级 1', children: [ ...