在vue中的js写法,在线等,ji 5C

$(document).ready(function() {
$("#gallery_output img").not(":first").hide();

        $("#gallery a").click(function() {
            $("#gallery a").removeClass('zz');
            $(this).addClass("zz");
            if ( $("#" + this.rel).is(":hidden") ) {
                $("#gallery_output img").slideUp();
                $("#" + this.rel).slideDown();
            }
        });
    });

    这样的在vue中怎么写?
0
weixin_41165803
林萧! 你是要做什么功能?
7 个月之前 回复
weixin_41165803
林萧! ....直接在你要操作的节点上写@click事件啊,然后取个方法名,把要操作的逻辑写到方法里面就好了
7 个月之前 回复

2个回答

这是jquery的写法,在vue的页面中也可以引入jquery用的。

0
-1
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue引入网络第三方js(引入高德地图为例)
1.界面引入组件remoteload<!-- 描述:拖放地图组件,默认尺寸是 500 * 300 接收属性参数: lat: 纬度 lng: 经度 自定义事件: drag: 拖放完成事件 示例: <mapDrag @drag="dragMap" lat="22.574405" lng="114.095388"></mapD...
Vue引入远程JS文件
问题 最近在使用 Vue 做东西,用到钉钉扫描登录的功能,这里需要引入远程的 js 文件,因为 Vue 的方式跟之前的不太一样,又不想把文件下载到本地应用,找了一下解决的方法,貌似都需要引入第三方的库,最后找到了解决方案,分享之。 思路 一开始的思路是在 Vue 加载完 Dom 之后(mounted),使用 JavaScript 脚本在 body 中插入远程的脚本文件。 后
vue.js支持js原生写法
智能社——http://www.zhinengshe.com                                     window.onload=function(){             new Vue({                 el:'#box',                 data:{
vuex使用前与使用后的写法---getters(获取事件)
如果有多个组件需要用到此属性,我们要么复制这个函数,或者抽取到一个共享函数然后在多处导入它——无论哪种方式都不是很理想。 Vuex 允许我们在 store 中定义“getter”(可以认为是 store 的计算属性)。就像计算属性一样,getter 的返回值会根据它的依赖被缓存起来,且只有当它的依赖值发生了改变才会被重新计算。 Getter 接受 state 作为其第一个参数。   需求:...
vue前端书写规范
vue前端书写规范 1.组件名为多个单词 组件名应该始终是多个单词的,根组件 App 除外。 这样做可以避免跟现有的以及未来的 HTML 元素相冲突,因为所有的 HTML 元素名称都是单个单词的。 如: Vue.component('todo-item', { // ... }) --------------------------------------------- export de...
vue中引入公共js和公共样式写法
在assets/文件家里写好相应的css和js 然后在main.js中公共样式引入方法 import '@/assets/style/commons.css' 公共js采用按需加载方式 在页面中按需引入即可
vue.js 路由写法
介绍 路由:控制组件之间的跳转,不会实现请求、不用页面刷新,直接跳转-切换组件》》》   安装 本地环境安装路由插件vue-router:    cnpm install vue-router --save-dev    *没有安装淘宝镜像的可以将 cnpm 替换成 npm 想要安装的可以看这篇文章http://www.cnblogs.com/padding1015/p/7162024...
【VueJS】实例中data属性的三种写法及区别
data属性的三种写法1、__<script type="text/javascript"> var app=new Vue({ el:'#app', data:{ isLogin: false } }) </script>2、__<script type="text/javascript"> var a
js代码转vue
js代码 div class="jumbotron"> h1 id="step1">HTML in tooltiph1> p id="step4" class="lead">We're going to use HTML codes in tooltips via Programmatic APIp> a class="btn btn-large btn-succes
new Vue实例的几种写法
new Vue实例的几种写法
js回调函数写法
这个回调
vue框架的使用
vue的使用,前端框架,vue的js,在html中引用vue.js,就可以使用vue框架,简单粗暴
Vue.js进阶【2-0】Vue 构造函数的参数
Vue的构造函数至关重要! 里面的参数也数量众多,完整的参数列表可以参考:官方的Vue构造函数API 这里不得不提到尤雨溪推荐的一篇介绍Vue2.1.7源码学习的一个文章:http://hcysun.me/2017/03/03/Vue%E6%BA%90%E7%A0%81%E5%AD%A6%E4%B9%A0/ 这篇文章以超级大白话,超级简单的代码展示了Vue的构造函数、构造函数的参数、执行过程...
html 实现动态在线预览word、excel、pdf等文件(方便快捷)
word+excle+pdf表格在线浏览 通过iframe直接引用微软提供的方法 &lt;iframe src='https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls' width='100%' height='100%...
vue组件的四种写法
        数据驱动和组件化是vue.js两个最重要的特点。组件化是为了方便代码复用,提高开发效率。常见的vue组件写法有四种,各有特色,适用于不同的场景。1、全局组件结构:// 组件的注册 Vue.component( 'componentName', { template: // 组件的html结构, data(){ return{ ...
简单的原型 prototype 的写法
作用:原型来添加方法,解决数据共享,节省内存空间  function per(name, age, sex) { this.name = name; this.age = age; this.sex = sex; } //简单的原型写法 // 将需要共享的数据都写在原型里 per.pro...
省市区镇 级联 js vue
省市区镇 级联 js vue 省市区镇 级联 js vue 省市区镇 级联 js vue
script引用vue,iview入门实战
iview大体上可以分为两种使用方式: 1,直接使用script引用iview的js。 2,使用iview提供的脚手架。 第一种方式使用iview和vue比较简单,适合刚上手vue和iview以及想体验vue特性但是又不想搭建webpack的小伙伴。 &amp;lt;!-- import Vue.js --&amp;gt; &amp;lt;script src=&quot;//vuejs.org/js/vue.min....
在线文档预览,支持ppt,word,excel在线预览
使用OpenOffice + jodconverter 将文档转成pdf,通过pdf.js在页面展示 写的是Stringboot 版的demo,核心代码很少,很容易懂
解决vue项目中的因为书写规范而报的错
解决vue项目中的因为书写规范而报的错 用vue-cli脚手架起一个项目的时候,默认安装了eslint-loader模块,eslint-loader模块是目前相对比较流行的代码检测工具,可以检测书写的代码是否符合统一规范,可以在一些比较大型的项目开发中统一开发人员的代码风格,这也就是为什么代码缩进有可能导致页面报错的原因(代码缩进不符合规范)。 在下次用vue-cli脚手架起一个项目的时候,可以不...
一个JS写法 ...在线等
//创建表格rnfunction createTable(dataT,div,tableName,c,oI)rnrn var o = document.getElementById(div);rn var table =document.createElement("table");rn var tbody = document.createElement("tbody");rn table.border = 1;rn table.id =rn o.innerHTML ="";rn for(var i=0;i0"];rn createTable(table,'usersCQInfo','tableList',cells,otherInner);rnrn就是创建一个表格。。。不过表格列值可能还有链接之类的。。要如何处理。。rn我想到了就是 0 替换。。不知道怎么写?rn本人刚学JS。。在线等。
js文件在线预览,pdf文件、word文件、xls文件
一、PDF pdf文件在线预览,直接通过&amp;lt;a&amp;gt;标签即可打开,实现在线预览 &amp;lt;a target='_black' href='url.pdf'&amp;gt;  
vue,js入门(实战项目:在线翻译器)
这里主要讲概念,因为运用之前的知识是完全可以弄起来的首先我们要在components下建立两个组件,一个是translate组件,一个是show组件,第一个组件用来输入你要翻译的内容,第二个组件输出你要展示的内容效果大致这样这里的重点是,子向父传值,父向子传值我们当前先实现一个小功能,就是在translate模块输入要翻译的内容,也就是说要把translate.vue的值传送到app.vue文件,...
nuxt.js的v-for的写法和数据格式
12
vue单文件组件完整结构.png
本图为vue单文件组件的完整的结构,包括混入mixins,vuex等写法。比较完整
vuex常规写法示例
store文件夹下 1.index.js import Vue from ‘vue’ import Vuex from ‘vuex’ import * as actions from ‘./actions’ import * as getters from ‘./getters’ import modules from ‘./modules’ import createPersistedState...
js滚动图片广告写法
JS滚动图片写法JS滚动图片写法JS滚动图片写法
普通JS插件改写成Vue的插件
很多刚入坑vue的小伙伴,想用一些原来不用框架的JS插件,用在vue中,可是发现没有效果。 这里我先贴个例子。 下图是一个插件的效果图 插件效果图 首先插件源代码需要的可以去点击下载。 找到里面的index.html,找到里面的20行到87行,复制出来,找到你vue的项目,新建个文件夹,新建个js文件,内容如下 import wavePng ...
js上传文件的完整写法(本地用的是vue的环境)
1.在项目中经常会用到需要上传头像,附件的地方,那么我们如何进行上传呢,今天跟大家分享一下,来自项目中的一些上传文件的个人总结2.首先我们需要在页面中使用一个 input 按钮,并将它的type属性设置为'file',关于上传按钮美化的操作,我已经在上一篇博客中详细的讲解了.下面直接贴出代码截图若项目中需要支持上传多文件,只需要在input标签上加上 multiple属性就可以了.要想实现上传操作...
ji ji ji ji ji ji ji ji :(
我用 Private WithEvents TextBoxControl As TextBox 定义了一个控件变量rn用 set TextBoxControl =controls.add("vb.textbox","T1") 后用 rnprivate sub TextBoxControl_Change() 接收Event rnrn可如何实现控件数组呢?rnPrivate WithEvents TextBoxControl(5) As TextBox 无法定义!!
Vue2 模板template的四种写法总结(很重要)
 使用template标签要特别注意了 : 官方解释: HTML &amp;lt;template&amp;gt; 元素 是一种用于保存客户端内容的机制,该内容在页面加载时不被渲染,但可以在运行时使用JavaScript进行实例化。 可以将一个模板视为正在被存储以供随后在文档中使用的一个内容片段。 虽然, 在加载页面的同时,解析器确实处理 &amp;lt;template&amp;gt;元素的内容,这样做只是确保这些内容...
vue.js如何写一个简单的原生js模块,浏览器中的表现如何?
请点击此处输入图片描述浏览器正在逐步的支持原生JavaScript模块。Safari和Chrome的最新版本已经支持它们了,Firefox和Edge也将很快推出。如果您是一个vue.js用户,那关于JavaScript模块一个很酷的事就是他们允许您编写您的组件到自己的文件中而无需任何多余的构建步骤。在这篇文章中,我将向您展示如何编写一个JavaScript模块到一个文件中,并在vue.js APP...
基于cropper.js封装vue在线图片裁剪组件
github:demo下载cropper.js github:cropper.js 官网(demo) cropper.js 安装 npm或bower安装 npm install cropper # or bower install cropper clone下载:下载地址 git clone https://github.com/fengyuanchen/cropper.git引用cr
【ES6】“面向对象写法”和继承方式
前言 : ES6引入了Class类的概念,作为对象的模板。这样js对于class类的概念,也更加规范化。   一、创建一个类 class Person{ constructor(name,age){ this.name = name; this.age = age; } showName(){ console.log('name: '+this.name...
前端(HTML+CSS+JS+JQuery+AJAX+vue等前端框架)学习资源和路线
文章目录书工具博客文章学习路线和资源建议等 书 疯狂HTML5+CSS3+JS讲义 HTML5, CSS3, JS语法, DOM, DHTML,事件处理机制 疯狂Ajax讲义 Ajax, JQuery, Ext JS, Protype, DWR框架 疯狂前端开发讲义 JQuery+AngularJS+Bootstrap前端开发实战 vue.js实战 工具 在 Chrome DevTools ...
while循环的特殊写法
很有趣的东西, while –&gt;写法:#include &quot;hello.h&quot; int main(int argc, char const *argv[]) { int a=10; while(a--&gt;5) printf(&quot;%d\n&quot;,a); while(--a&gt;1) printf(&quot;%d\n&quot;,a); return 0; } js也支持这样写:var a=10 while(
浅谈JavaScript设计模式——单例模式
单例模式的定义:保证一个类仅有一个实例,并提供一个访问它的全局访问点。 单例模式是一种常用的模式,有些对象只需要一个,如线程池、全局缓存、浏览器中的window对象等,这时候可以用到单例模式。 单例模式典型的应用场景:单击按钮时,页面中会出现一个登陆浮窗,而该登录浮窗是唯一的,无论单击多少次按钮,这个浮窗都会被创建一次,则适合用单例模式创建。 全局变量不是单例模式,但在JavaScript开
Vue.js之Prop基本用法(一)
①组件实例的作用域: 是孤立的,简单的来说,组件和组件之间,即使有同名属性,值也不共享。<div id="app"> <add></add> <del></del> </div> <script> var vm = new Vue({ el: '#app', components: {
一些常用的动画效果
一些常用的动画效果包含js,jq,vue,css3 等。。。。
有关Vue.js中的v-model的说明
首先如下代码使用v-model可以实现数据的绑定,也就是说我们在输入框中输入什么数据,对应的&amp;lt;span&amp;gt;标签中就会显示什么数据 &amp;lt;body&amp;gt; &amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;input type=&quot;input&quot; v-model=&quot;url&quot; &amp;gt; &amp;lt;br/&amp;gt; &amp;lt;spa
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 java中倒班的写法 java中有关倒班的写法

相似问题