vue学习之路
午夜玫瑰钻
前端开发爱好者
展开
-
Vue中子组件给子组件传值的用法
1、在主界面中添加按钮点击事件@click="sendChildMsg"给子组件发消息2、子组件child-card 定义好接收的方法名 @finished="finished"3、子组件child-cardbbb 接收child-card传来的数据(数组、对象、字符串)...原创 2022-03-10 19:44:22 · 1362 阅读 · 0 评论 -
vue中当前组件的(表格行)点击事件,调用其他组件对话框案例
数据结构tableData: [ { id: "1", date: "2011-05-03", name: "张三", address: "北京市房山区19号", IsAudit: 0, sex: "1", }, { id: "2", date: "2012-05-02", name: "李四", address: "北京市房山区20号", IsAudit: 1, sex: "0", }, { id: "3", .原创 2022-03-09 20:27:15 · 519 阅读 · 0 评论 -
Vue切换卡 公用同一个组件
<el-col :span="8"> <template> <div class="tab-box"> <ul> <li v-for="(item, index) in navList" :key="index + item" @click="tabClickTab(index)" :class="{ active: .原创 2022-03-06 08:19:18 · 567 阅读 · 0 评论 -
Vue中实现切换卡效果
<el-col :span="8"> <template> <div class="tab-box"> <ul> <li v-for="(item, index) in navList" :key="index + item" @click="tabClickTab(index)" .原创 2022-03-06 07:45:03 · 740 阅读 · 0 评论 -
在Vue中 编程式传参和不传参方式,新页面接收方式
import'./assets/css/bootstrap.min.css'import'./assets/js/bootstrap.min'3、在assets文件目录中拷贝bootstrap各种文件试试bootstrap引入成功没:原创 2022-03-03 21:21:22 · 595 阅读 · 0 评论 -
Vue中Axios请求数据的方法Get、Post、that的用法
// 携带参数的get方法请求。 $(".getcanshu").click(function(){ let num = $(".xiaohuainput").val(); if(num == "" || num == null || num == NaN){ alert("请输入要查询的条数") }else{ console.log(typeof(num)) axios..原创 2021-03-14 20:17:20 · 692 阅读 · 0 评论 -
Vue怎么使用命令安装jquery 和bootstrap相关插件?
步骤1、安装jquerynpm install jquery --save-dev 步骤2、在配置文件中 webpack.base.conf.js加入配置//在最上方加入webpack 所需文件配置const webpack = require("webpack"); 步骤3、在main.js的入口文件中加入//加入的jquery文件import $ fr...原创 2019-01-22 15:39:14 · 641 阅读 · 0 评论 -
Vue中引入jquery和bootstrap的相关问题?
1引入jquery的方法输入 npm install jquery --save-dev 用npm下载jq依赖、2找到build文件夹下的webpack.base.conf.js文件打开,修改配置:A:加入webpack对象: var webpack=require('webpack');B:在module.exports里面加入: 3、...原创 2019-01-10 16:56:54 · 186 阅读 · 0 评论 -
在 Vuejs 项目中如何定义全局变量 全局函数
定义全局变量原理: 设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用 export default 暴露出去,在 main.js 里面使用 Vue.prototype 挂载到 vue 实例上面或者在其它地方需要使用时,引入该模块便可。全局变量模块文件:Global.vue 文件<script>const serverSrc='www.baidu.co...原创 2018-12-25 10:15:57 · 717 阅读 · 0 评论 -
vue引入icon图标库的方法
https://www.iconfont.cn/manage/index找到阿里图标库创建新项目新建项目------创建----1)、FontClass/Symbol前缀这个很重要,一定不要写成:el-icon-***这样的形式。 如果写成这样的前缀,会和element-ui框架所带的图标(icon)冲突,导致你图标显示不出来2)、fontFamily随...原创 2018-12-24 12:45:13 · 4049 阅读 · 1 评论 -
webpack打包错误 hello.js bundle.js Module not found: Error: Can't resolve 'bundle.js' in 'F:\demo\t
下面是比较完整的简单打包:一.确保已经安装了nodeJS之后.二. 创建webpack-demo,我的是f盘下的,2.然后进入这个文件夹:3.进行初始化,一路都是选择默认(回车就可以):查看初始化后的文件夹,里面只有一个json文件:4. 接下来装webpacknpm install webpack --save-dev安装完成:...转载 2018-08-24 17:05:00 · 7066 阅读 · 3 评论 -
vue.js基础知识篇(2):指令详解
第三章:指令1.语法指令以v-打头,它的值限定为绑定表达式,它负责的是按照表达式的值应用某些行为到DOM上。内部指令有v-show,v-else,v-model,v-repeat,v-for,v-text,v-el,v-html,v-on,v-bind,v-ref,v-pre,v-cloak,v-if。2.内部指令(1)控制元素的显示与否:v-if,v-show、v-else v-if是真实...原创 2018-05-09 15:34:10 · 707 阅读 · 2 评论 -
vue.js基础知识篇(3):计算属性、表单控件绑定
第四章:计算属性为了避免过多的逻辑造成模板的臃肿不堪,可使用计算属性来简化逻辑。1.什么是计算属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>原创 2018-05-15 11:21:48 · 421 阅读 · 0 评论 -
vue.js基础知识篇(4):过滤器、class与style的绑定2
第一章:过滤器过滤器是对数据进行处理并返回结果的函数。1.语法语法是使用管道符“|”进行连接。过滤器可以接收参数,跟在过滤器后面,带引号的参数被当做字符串处理,不带引号的参数被当做数据属性名处理。{{message | filterFunction "arg1" arg2 }}vue.js支持在任何出现表达式的地方添加过滤器。vue.js支持链式调用,上一个过滤器的输出结果作为下一个过滤器的输入。...原创 2018-05-15 11:23:37 · 2561 阅读 · 0 评论 -
vue.js基础知识篇(5):过渡、Method和Vue实例方法
第8章:过渡 1.CSS过渡2.JavaScript过渡3.渐进过渡第9章:methodVue.js的事件一般通过v-on指令配置在HTML中,虽然也可以在js的代码中使用原生的addEventListener方法添加事件监听,但并不推荐,因为它并不符合“关注点分离”的设计理念。使用v-on指令有几点好处:通过HTML模板(视图)就能看到js对应的方法;无需手动绑定事件,ViewModel和DOM...原创 2018-05-15 11:24:15 · 640 阅读 · 0 评论 -
vue.js基础知识篇(6):组件详解
第11章:组件详解 组件是Vue.js最推崇也最强大的功能之一,核心目标是可重用性。我们把组件代码按照template、style、script的拆分方式,放置到对应的.vue文件中。1.注册Vue.js的组件注册分为全局注册和局部注册。全局注册使用Vue.component方法。第一个参数是组件名字,第二个参数是组件的构造函数,要么是function,要么是object。<!DOCTYPE...原创 2018-05-15 11:25:24 · 228 阅读 · 0 评论 -
vue.js基础知识篇(7):表单校验详解
第12章:表单校验1.npm安装vue-validator$ npm install vue-validator代码示例:var Vue=require("vue");var VueValidator=require("vue-validator");Vue.use(VueValidator);2.直接使用script标签引入vue.js要下载vue-validator,那么进入cdn的地址h...原创 2018-05-15 11:26:19 · 740 阅读 · 0 评论 -
vue.js基础知识篇(1):简介、数据绑定
目录第一章:vue.js是什么? 第二章:数据绑定第三章:指令第四章:计算属性第五章:表单控件绑定代码链接: http://pan.baidu.com/s/1qXCfzRI 密码: 5j79第一章:vue.js是什么?1.vue.js是MVVM框架 MVVM的代表框架是Angular.js,以及vue.js。MVVM的view和model是分离的,View的变化会自动更新到ViewModel上,V...原创 2018-05-09 10:25:52 · 242 阅读 · 0 评论