外部JS给vue变量赋值

最新推荐文章于 2024-04-29 17:00:20 发布
最新推荐文章于 2024-04-29 17:00:20 发布
阅读量3k 收藏 1
点赞数 1
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24083561/article/details/109103381
版权

如果你在外部修改vue的值，你可能得考虑下设计结构得问题了。

迫不得已得解决办法


<input v-model="dataForm.partNo"  type="text" id="partNoId" name="partNoName"/>

 

外部使用jquery给绑定了得vue赋值

$("#equipmentCodeId").val("11")

赋值后没有反应，触发该input得input事件

$("input[name='partNoName']")[0].dispatchEvent(new Event('input'))

 

 

心情就像下雨天
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue实现从外部修改组件内部的变量的值
01-19
1、首先是如何给你定义的变量拿到数据： 这里我自己用的是vuex： 首先在你项目的src文件夹下创建这么一个目录： 之后就要在index.js中将homedatas.js（拿数据的js）共享出去，使页面能拿到数据， 以下是index.js的代码： 随后就是在homedatas中获取数据了，以下是homedatas.js代码： 以上就是获取数据的步骤，之后就是在页面中拿到这个获取到的数据： 首当其冲不可少的就是引用，引用vuex和引用组件： 之后在页面的jascript中的export default中定义组件，获取数据： 用这个方式在页面中引用组件，然后再自定义标签中将数据传递给组件
外部js调用vue的方法附属附件
11-30
这可以通过将Vue实例赋值给全局变量来实现。 ```javascript window.myVueInstance = app; ``` 2. **调用方法**：现在，我们可以在任何外部JS文件中通过`window.myVueInstance`访问到Vue实例，然后调用其方法。例如...
vue设置全局变量和修改
weixin_42981419的博客
08-17 7775
1. 只读的全局变量 对于只读的全局变量，知道的有以下两种使用方式： 1）global.js 模块中定义；其他模块import后再使用即可 1.1）定义 import Vue from 'vue'; let MyComm = new Vue({ methods: { deleteCookie: function (cname) { ...
Vue进阶（幺捌零）：JS 向 Vue 传值_js向vue传递数据
最新发布
2401_84411557的博客
04-29 380
项目开发过程中，组件通过render()函数渲染生成，并在组件内部定义了自定义拖拽指令。自定义拖拽指令实现了用户可以进行元素拖拽、缩放等一系列逻辑处理的动作。另一个逻辑处理页面由Vue实现，该页面可以实时展示元素相关属性信息（包括及lefttop等属性）。
vue.js input框之间赋值方法
10-18
今天小编就为大家分享一篇vue.js input框之间赋值方法具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
在外部js中对vue内容进行修改
自己人的博客
03-08 3042
问题描述 在某个js文件中定义了一个函数func，并export，在vue中import func，在func中有一个监听器，需要在click事件发生时执行某个操作，但是这个操作是在vue中执行的，也就是说监听器定义在外部js的函数中，而触发的操作需要在vue中完成。 解决 一开始是想用一个全局变量（例如window.localStroage.setItem）在click事件触发时存储相关参数，然后在vue中监听这个参数，发生改变时，执行vue中的处理函数。但是遇到了一些问题，并且最后也没有成功。 后来想到
Vue进阶（幺捌零）：JS 向 Vue 传值
IT全栈 华强工作室
04-22 2310
前言 项目开发过程中，组件通过render()函数渲染生成，并在组件内部定义了自定义拖拽指令。自定义拖拽指令规定了根据用户可以进行元素拖拽、缩放等一系列逻辑处理的动作。 另一个逻辑处理页面由Vue实现，该页面可以实时展示元素相关属性信息（包括size、width、height及left、top等属性）。 思路 监听器方式实现； Vuex state实现; 代码实现 .js // 鼠标按下事件 el.onmousedown = function (e) { ... document.onmouseu
原生JS实现vue中data值的修改与渲染
WHY_222的博客
11-22 4099
前言 砖搬多了就得想想怎么造砖，Vue使用多了，也得想想Vue是咋实现，Vue用着确实舒服，仔细了解一下，背后做的操作也太多了吧，但是再多的操作也是一个一个积累起来的吧！ 先记录一下怎么实现data中值的渲染与修改 class Wvue extends EventTarget { constructor(option) { super() console.log(option)...
【Vue应用】如何通过Javascript给组件绑定的对象赋值及触发事件
yidragon88xx的专栏
07-27 712
在Vue项目中可以通过以下步骤操作对组件进行进行赋值。 首先在单页面应用中一般都定义为一个组件，这样可以通过DOM操作获取组件根标签。例如：const targetEL = document.querySeletor(".layout"); 一般可以获取到这个标签对象了。 接下来，在获得到的对象targetEl._vue_就可以获得到当前组件的vue实例了。 操作data中的变量可以用：targetEl._vue_.obj.attrA = “...
vue data变量相互赋值后被实时同步的解决步骤
11-19
在Vue.js中，`data`对象是用来存储组件状态的，它的属性会被响应式地追踪，意味着当这些属性的值发生变化时，视图会自动更新。然而，在某些情况下，当你直接将一个`data`属性的值赋给另一个`data`属性时，可能会遇到...
在Vue mounted方法中使用data变量详解
10-16
在Vue.js框架中，`mounted`是一个非常重要的生命周期钩子，它表示组件已经被挂载到DOM上，并且其模板已经被渲染。在这个阶段，你可以访问到真实DOM元素，并执行需要在DOM加载后才能运行的初始化操作。`data`对象是...
Vue.js 动态为img的src赋值方法
10-18
下面小编就为大家分享一篇Vue.js 动态为img的src赋值方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue引用外部JS的两种种方法
10-15
主要介绍了vue引用外部JS的两种种方案,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
前端面试题、技术积累、Vue、JS、HTML、ES6
10-31
在前端开发领域，Vue.js、JavaScript、HTML和ES6是不可或缺的基础技术栈。这份压缩包文件，名为"Interview-Questions-master"，显然包含了与这些技术相关的面试问题和可能的技术积累，旨在帮助开发者准备前端面试...
【vue】js参数赋值给data（二）
Meditation_Crazy
09-14 1517
前言 现在想把页面里的常量抽取出来。搞了半天，也不知道是编辑器问题还是写的有问题，始终报错。不过好在最后终于好了。 代码 common.js 我们测试常量和方法// 1=正常订单付款 2=补款 3=退款 export const payTypeOptions = [ { label: '正常订单付款', value: 1 }, { label: '补款', value: 2 }, { label: '退款', value: 3 } ] export function hello() .
在JS中同步修改vue中的变量
qq_38861711的博客
08-15 4750
问题：在处理一个功能上遇到一个问题：在vue组件中，引入了一个JS文件，在JS文件动态创建了一些DOM节点，需要侦测dom节点中内容的变化同时改变vue中组件的内容。 思考：因为它是单独的一个JS文件，里面动态生成的dom可以通过oninput来侦测输入内容的变化，但要实时更新到vue组件中，那只能找他们的连接点或者搭桥(借助vuex、localStorage这些全局变量)，想着可以利用对象类型，因为其是将引用放在堆中，真正的值存放在栈中，通过传递其引用作为桥梁来达到JS文件中修改vue中值的效果。 解决：
vue.js 修改赋值变量问题
weixin_43179346的博客
03-16 439
最近使用vue.js发现修改赋值的变量，原变量的数据也随之改变了。在vue中，数组和对象传递都是引用传递。赋值时传递的并不是值，而是指向了同一个空间。
怎么通过js给一个input标签的value属性赋值_开发一个简单指令理解 Vue 的 v-model 语法糖...
weixin_39578513的博客
11-25 1411
题图来自网络，侵删Vue 中有若干个“语法糖”：v-model 语法糖{{ }} 插值语法糖组件注册语法糖arr.$set 语法糖后三种语法糖即使不深入理解，也可以直接应用，然而如果没有充分理解第一种语法糖，那么就可能遇到一些奇怪的问题。考虑如下需求：编写一个自定义指令，使得在文本输入框中输入的敏感词（如：f..k）自动删除，并更新通过 v-model 指令所绑定的 Vue 实例数据。自定义指令定...
vue3执行外部js的方法
06-06
在上述代码中，使用`await`关键字等待`import()`方法返回的Promise对象解析，然后将解析结果赋值给`externalJS`变量。`externalJS`变量包含了导入的外部JS文件的所有内容，包括`myFunction()`函数。然后可以在`...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值