html批量传递id,怎么传递一个html的dom的id到vue组件中？

html:

Demo.vue

// 通过props属性传入id

// props: ["id"],

props: ["divId"],

data() {

return {

//...

}

},

methods: {

submit() {

// this.divId即所需的id

var id = this.divId;

// ...

}

}

Update1:

一开始没注意id是特殊属性，现修改上述代码，把id换成一个一般的名字。

html中的名字使用-连接的写法，在js中是驼峰式写法。

Update2:

没有找到要找的信息，用Vue一般会有一个new Vue，还有你的这个PHP文件应该会有一个script的src指向包含new Vue的文件，如下图我截取的一个例子，我想知道你这个new Vue代码是定义在哪个文件的，你可以全局搜一下new Vue;

Update3:

article.blade.php代码修改如下：

// 把div放在app的里面

文章标题

修改app.js文件new Vue部分代码如下，因为没有用过你说的框架，所以你得看看能不能通过框架生成下面的代码，或者生成的app.js可否自己更改：

const app = new Vue({

el: "#app",

// 以下代码为新增代码

data: function() {

return {

articleId: ""

}

},

// vue2.0使用mounted，vue1.0把mounted换成ready

mounted: function() {

var articleTitleElement = document.getElementById("articleTitle");

var articleId = articleTitleElement.getAttribute("data-id");

console.log(articleId);

this.articleId = articleId;

}

});

Demo.vue代码如下：

props: ["articleId"],

data() {

return {

//...

}

},

methods: {

submit() {

// this.articleId即所需的id

var id = this.articleId;

// ...

}

}

注：articleId部分有拼写错误。