vue
取名字真难1995
学一点是一点
展开
-
input封装为子组件 更改值报错
出现这个问题的原因是 input的v-model本身就是语法糖,本质是value props,因此需要在子组件中用别的值替代掉传入的props。下面上代码子组件的代码:<template> <view class="list-input"> <view class="left"> {{title}} </view> <view class="right"> <input type="text" v-mo原创 2020-11-26 11:42:34 · 560 阅读 · 0 评论 -
clipboard异步复制文本 vue
由于异步请求 不能直接拿到文本内容,所以第一次复制的时候是空的讲下思路,就是新增一个按钮,按钮的真正功能是复制已请求到的文本内容,通过模拟点击复制到剪贴板。下面是代码:<el-button@click="getLink(row.id)">链接</el-button><el-buttonref="copy"class="btn":data-clipboard-text="linkUrl"@click="copyLink"style="opacity...原创 2020-09-09 17:43:56 · 413 阅读 · 1 评论 -
表单验证model绑定的是一个对象下的某个子对象属性的时候无法验证
表单验证model绑定的是一个对象下的某个子对象属性的时候无法验证如果data中定义的数据结构是这样的(组件上最终绑定的是dataForm.name.value):dataForm: { name: { value: '' } }那么rules中需要这样写:rules: { 'name.value': { { required: true, message: '请输入项目名称', trigger: 'blur' } } }template需要这么写:<el-form-item prop="n转载 2020-09-07 11:24:20 · 471 阅读 · 0 评论 -
视频及图片轮播 可全屏放大 uniapp
<swiper indicator-dots circular=true duration="400"> <swiper-item class="swiper-vedio"> <view class="page"> <video id="myVideo" src="视频地址" ...原创 2020-08-11 13:55:14 · 1069 阅读 · 2 评论 -
vue简介、事件钩子、Vue实例
Vue.js是一套构建用户界面的渐进式框架,Vue 采用自下向上增量开发的设计,其核心库只关注视图层,轻量级,同时vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。1、Vue :mvvm 模式的框架(Model-View-ViewModel:分离视图(View)和模型(Model),低耦合、可重用性、独立开发、可测试)2、事件钩子(承诺)(1...原创 2019-09-15 13:56:51 · 676 阅读 · 0 评论 -
vue指令及自定义指令
自带的指令:事件修饰符(click、submit等):适合所有的事件<a href=”#”v-on:click.prevent=’handler’> :点击时执行handler函数,并且阻止事件的默认行为@click.prevent:阻止事件的默认行为@click.stop:停止冒泡@click.self:仅在当前元素上触发@click.once:仅触发一次...原创 2019-09-15 14:52:51 · 379 阅读 · 0 评论