Vue和js冲突解决

问题描述:

Vue不允许js直接操作他的dom对象中的属性,

解决:通过js直接操作Vue还没赋值时的元素。即原先我们是直接把我们想要的值赋值给标签,现在我们需要先把值赋值给Vue,然后通过Vue再把值赋值给标签,这样,就避免了直接操作dom元素

代码:

第一步:在外面创建一个变量,并把值赋值给Vue

第二步:把返回来的值赋值给Vue的info,同时赋值给myModel(一定要赋值,因为我们要操作里面的元素,如果不赋值,会报空指针异常)

第三步:把我们想要改变的值赋值给myModel即可,

原文地址:https://www.cnblogs.com/xiaofengshan/p/12622883.html

时间: 2024-08-28 08:06:05

Vue和js冲突解决的相关文章

js 引入juery.js 和Prototype.js冲突解决($,$F)

在页面中同时存在jquery 和 prototype ,当用到 $ 的时候,难免产生冲突,所以一定要区分开来: <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript">     j= $;  </script> <script type="text/javascri

django渲染模板时跟vue使用的{{ }}冲突解决方法

var vm = new Vue({ el: '#app', // 分割符: 修改vue中显示数据的语法, 防止与django冲突 delimiters: ['[[', ']]'], data: { ... } 通过delimiters声明,将Vue的模板变量变为了[[  ]] 原文地址:https://www.cnblogs.com/chichung/p/10010520.html

ASP.NET提交表单不刷新页面方法(包含UpdatePanel与JS冲突的解决方法)

一.在form表单中添加 <asp:ScriptManager ID="ScriptManager1" runat="server">    </asp:ScriptManager >    <asp:UpdatePanel ID="uid"  runat="server">//控制页面刷新      <ContentTemplate> //表单页面 </ContentTe

ecshop transport.js 和 jquery 冲突解决办法

您提供一个简单的解决transport.js 和 jquery 方法: 在 page_header.lbi 库文件中加入如下代码,注意操作顺序: 1.先导入transport.js  文件 {insert_scripts files='transport.js,utils.js'} 2.然后导入您网站使用的jquery文件 <script language="javascript" src="您的jquery存放路径"></script> 3

如何解决Django与Vue语法的冲突

当我们在django web框架中,使用vue的时候,会遇到语法冲突.因为vue使用{{}},而django也使用{{}},因此会冲突. 解决办法1:在django1.5以后,加入了标签:{% verbatim myblock %} {% endverbatim myblock %}被此标签包裹的代码将不会被Django的模板引擎渲染.因此,我们可以把带有{{ }} 的Vue代码放在 {% verbatim myblock %}标签中间,例如: <div id="app1">

Django模板语法和vue语法有冲突

1.解决方案1在django1.5以后的版本,给出了解决方法,即使用标签{% verbatim myblock %} {% endverbatim myblock %}例如: {% verbatim myblock %} <span>Message: {{ msg }}</span> {% endverbatim myblock %} 被此标签包裹的内容,django的模板引擎不会对其进行渲染,从而解决语法冲突的问题. 2.解决方案2修改Vue的{{ }} 为{[ ]},即通过js

双击和单击事件冲突解决方法

双击和单击事件冲突解决方法:关于单击事件和双击事件,如果单独拿出来都是非常简单,这里也就不多介绍了,具体可以参阅jQuery的click事件和jQuery的dblclick事件一章节,但是如果同一个元素同时绑定了单击事件和双击事件,那么就会造成冲突现象,比如我们双击此元素指向触发双击事件,但是也完全满足单击事件的条件,不但双击事件触发了,单击事件同样也会被触发,下面就通过代码实例介绍一下如何解决它们的冲突问题,代码如下: <!DOCTYPE html> <html> <hea

团队项目中js冲突

在我们平时的项目中,特别是模块化开发中.经常会遇到一些js冲突问题,特别是当项目复杂到一定程度的时候.比如项目中引入了相当多的类库,框架以后. 那么.我们如何去避免或者解决这类问题呢? 1.避免使用全局变量. 2.使用匿名函数的方法来把自己的模块包起来.这样你所定义的变量 就只能在这个匿名函数中使用了. 如果存在模块之间的通信怎么办呢?我们可以适量的使用全局 例如: var win={};//全局对象        (function(){//匿名函数A            win.str1=

团队合作-如何避免JS冲突

解决JS冲突的演化过程 1.用匿名函数将脚本包裹起来,可以有效控制全局变量,避免冲突隐患 (function(){})(): 2.定义一个全局作用域的变量str,可以帮助我们在不同匿名函数间通信 严格控制全局变量的数量(不同匿名函数之间通信越多,全局变量越多,违背使用匿名函数的初衷) 3.hash对象作为全局变量 GLOBAL是全局变量,用做通信桥梁的变量是作为GLOBAL的属性存在的,如果变量名比较简单,还是很容易互相覆盖掉 4.使用命名空间 命名空间是一种特殊的前缀,在JavaScript中