在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/PHP  HTML/ Vue 和 JQuery 共存時(shí)， JQ（原生 JavaScript） 如何修改

Vue 和 JQuery 共存時(shí)， JQ（原生 JavaScript） 如何修改 Vue 中的數(shù)據(jù)

場(chǎng)景

目前頁(yè)面已經(jīng)有一個(gè)基于 DataTables 的表格。功能實(shí)現(xiàn)較多，無法 Vue 實(shí)現(xiàn)。

目前需要實(shí)現(xiàn)在 DataTables 中選擇一些條目，然后在 Vue 中執(zhí)行后續(xù)的操作。

目前遇到的問題

通過 Webpack 打包后，無法在 console 中獲取到 app 的示例，不知道該如何修改 vue 中的數(shù)據(jù)。

代碼

app.js

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import App from './App.vue';

Vue.use(ElementUI);

Vue.component('example-component', require('./components/ExampleComponent.vue'));

const app = new Vue({
    el: '#vueapp',
    render: h => h(App)
});

項(xiàng)目依賴版本

"vue": "^2.5.16"

webpack:3.12.0

使用 Laravel 5.6 構(gòu)建

希望得到的方案

1.一段代碼，可以實(shí)現(xiàn)使用原生 JS 或 JQuery 修改 Vue 中的數(shù)據(jù)
2.webpack打包后如何在 console 中暴露出 vue 示例。

問題描述

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）

你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？

回答
編輯回答
柒喵

vue是一個(gè)基于對(duì)象的組件庫(kù)（所有的 組件都是對(duì)象，他的 方法啊，data啊都存在于組件對(duì)象里面。
而你要用一個(gè)操作dom的庫(kù)去操作Vue對(duì)象,把vue數(shù)據(jù)給修改了，這怎么可能呢，就算把dom節(jié)點(diǎn)改了其實(shí)也沒什么作用，vue會(huì)下次改回來。
而原生的 js 的確是可以操作對(duì)象，你把這個(gè)對(duì)象暴露出來，然后通過js操作，然后改數(shù)據(jù)，但是呢，那你去操作vue對(duì)象，為什么不直接使用vue呢？

2017年8月8日 07:34
編輯回答
冷咖啡
window.app = new Vue({
    el: '#vueapp',
    render: h => h(App)
});
2018年2月11日 01:23