W~C停用

导航

随笔分类 -  Vue

关于Vue的相关问题及代码
Vue与.net Core API 文件下载
摘要：前端代码 /** * @param {Object} data * @param {Object} fileName * @description 转换格式后下载 */ download(data, fileName) { if (!data) return; console.log(data); 阅读全文

posted @ 2022-03-23 11:08 W~C停用 阅读(371) 评论(0) 推荐(0)

Vue的图片滑动验证
摘要：首先安装插件支持（先简要概述下组件参数的配置信息和配置位置） npm install vue-puzzle-vcode html代码部分 <Vcode :show="isShow" @success="success"/> 其中@success是验证成功之后的回调 JS代码 import Vcode 阅读全文

posted @ 2021-04-25 04:37 W~C停用 阅读(333) 评论(0) 推荐(0)

webpack中使用Vue时需要的配置
摘要：1、安装相关Loader 在项目文件夹中使用终端执行： npm install vue-loader vue-template-compiler --save-dev 2、在web配置文件中的相关配置 阅读全文

posted @ 2021-02-19 22:27 W~C停用 阅读(82) 评论(0) 推荐(0)

在webpack中使用Vue时报错：You are using the runtime-only build of Vue where the template compiler is not available
摘要：在webpack的配置文件中加入以下代码： resolve:{ alias:{ 'vue$':'vue/dist/vue.esm.js' } } 阅读全文

posted @ 2021-02-19 21:36 W~C停用 阅读(52) 评论(0) 推荐(0)

Vue子组件中获取父组件对象（$parent）
摘要：起代码如下: 阅读全文

posted @ 2021-02-12 23:38 W~C停用 阅读(864) 评论(0) 推荐(0)

组件中获取子组件对象（children）方法（不常用）
摘要：说明 通过该方法获取的子组件对象是一个数组，需要根据下标来定位子组件对象 其代码如下： 阅读全文

posted @ 2021-02-12 23:34 W~C停用 阅读(104) 评论(0) 推荐(0)

Vue组件中通过refs获得子组件对象（常用）
摘要：1、在子组件中添加ref的Key 说明： 这里的ref的Key为aa 2、在需要获得该子组件对象的地方写如下代码 阅读全文

posted @ 2021-02-12 23:26 W~C停用 阅读(789) 评论(0) 推荐(0)

Vue组件之间的通信（子传父）
摘要：源码 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="view 阅读全文

posted @ 2021-02-11 01:37 W~C停用 阅读(55) 评论(0) 推荐(0)

Vue中v-bind不支持驼峰标识，可以使用-分离
摘要：Vue中v-bind不支持驼峰标识，可以使用-分离 阅读全文

posted @ 2021-02-11 00:28 W~C停用 阅读(159) 评论(0) 推荐(0)

Vue子组件属性如何限定使用组件时必须传一个参数给子组件（required）
摘要：在属性对象中加入一个required:true 如下图： 阅读全文

posted @ 2021-02-11 00:03 W~C停用 阅读(461) 评论(0) 推荐(0)

Vue子组件中属性类型的限定及默认值的设定
摘要：案例源代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="vie 阅读全文

posted @ 2021-02-10 23:58 W~C停用 阅读(1035) 评论(0) 推荐(0)

Vue子组件中属性类型的限定（对象的方式声明属性）
摘要：案例源码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="view 阅读全文

posted @ 2021-02-10 23:53 W~C停用 阅读(512) 评论(0) 推荐(0)

父组件向子组件中传递参数
摘要：父组件通过属性绑定的方式想子组件中传递参数 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 阅读全文

posted @ 2021-02-10 23:31 W~C停用 阅读(177) 评论(0) 推荐(0)

Vue组件模块的分离写法
摘要：源代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten 阅读全文

posted @ 2021-02-10 00:22 W~C停用 阅读(167) 评论(0) 推荐(0)

Vue组件的全局组件和局部组件（附有语法糖注册代码）
摘要：全局组件： 在Vue实例外注册的组件，可以在多个Vue实例下使用。 局部组件： 在Vue实例下注册的组件，只能在注册该组件的Vue实例内使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equi 阅读全文

posted @ 2021-02-10 00:09 W~C停用 阅读(127) 评论(0) 推荐(0)

组件的注册（使用extend的旧方法）---该处是全局注册
摘要：1、创建组件构造器 //1、创建组件构造器对象 const cpnC = Vue.extend({ template:` <div> <h2>我是标题</h2> <p>我是内容</p> </div> ` }); 2、注册组件 //2、注册组件 //Vue.component(组件的标签名,模版); 阅读全文

posted @ 2021-02-09 23:10 W~C停用 阅读(69) 评论(0) 推荐(0)