fragment instance issue #10

martinhearn · 2016-07-13T16:49:05Z

Hi

Trying this component I get the following error:

Attribute ":model.sync" is ignored on component <vue-html-editor> because the component is a fragment instance

I'm using Vue 1.0.26.

What am I doing wrong?

Thanks!

Martin

The text was updated successfully, but these errors were encountered:

mocheaz · 2016-07-28T15:01:16Z

Any update for this?

liujunyang · 2016-08-05T10:31:06Z

bug still here

Haixing-Hu · 2016-08-08T14:41:05Z

@martinhearn Could you please paste the code snippet? I can not reproduce the bug on the demo page. I have already upgrade to Vue.js v1.0.26.

Remo · 2016-08-09T18:07:25Z

@Haixing-Hu when I look at the demo available here http://haixing-hu.github.io/vue-html-editor/demo.html I see that you are using Vue.js v0.12.16. I'm using Vue.js v1.0.26. The numbers are similar, but your version is very old.

Remo · 2016-08-09T18:17:48Z

@Haixing-Hu I've seen that you updated vue.js in the repo, I guess I've been looking at the wrong thing. I still get the problem above though. Here's what I've did:

npm install vue vue-html-editor
npm install -g browserify

app.js

Vue = require('vue');
Vue.component('vue-html-editor', require("vue-html-editor"));

new Vue({
    el: "#app",
    data: {},
});

index.html

<!DOCTYPE html>
<html lang="en">
    <body>
    <div id="app">
        <vue-html-editor model="{{@ text}}"></vue-html-editor>
        <div style="margin-top:40px">
            <div> The HTML contents are as follows:</div>
            <div>{{{text}}}</div>
        </div>
    </div>
    <script src="index.js"></script>
</body>

Create index.js

browserify app.js > index.js

jioll · 2016-08-11T12:42:27Z

@Haixing-Hu 上面提到实例片问题段貌似因为vue版本较新导致？

woshihaoren · 2016-08-12T05:30:05Z

@Haixing-Hu
Use vue init initialization project
vue init webpack test
replace default's App component

<template>
  <div id="app">
<editor name="html-editor" :model.sync="text"></editor>
  <div style="margin-top:40px">
    <div> The HTML contents are as follows:</div>
    <hr>
    <div >{{{text}}}</div>
  </div>
  </div>
</template>

<script>
import Hello from './components/Hello'
import editor from 'vue-html-editor'

export default {
  components: {
    Hello,
    editor
  }
}
</script>

console

vue.common.js?1090:1019[Vue warn]: Attributes "name", ":model.sync" are ignored on component because the component is a fragment instance: http://vuejs.org/guide/components.html#Fragment-Instance

Chalkin · 2016-08-15T20:46:54Z

Have the same issue while using laravel + spark + browserify. Can't use webpack here.

working with vue.js 1.0.26

Wifsimster · 2016-08-18T16:26:03Z

Same problem here with current version and webpack.

goldfinch · 2016-08-22T02:11:53Z

the same problem, Vue 1.0.26

freevital · 2016-08-30T09:47:45Z

Same problem with webpack.

thats4shaw · 2016-09-01T01:37:02Z

Facing the same issue with Laravel + Spark + Browserify.

amitavroy · 2016-09-06T10:35:38Z

same problem even when I am trying inside vue cli webpack template.

ada012 · 2016-10-10T13:46:17Z

@Haixing-Hu @timfeid

Is there any answer? I changed all the template:
"<textarea class='form-control' :name='name'></textarea>"
to
"<div><textarea class='form-control'", :name='name'></textarea></div>"
Or is it wrong?

roarkmccolgan · 2016-10-13T12:52:19Z

Hi,

I also have this issue, adding the div in the template does not help,
Using Browserify

ewerkema · 2016-10-31T10:42:00Z

The solution by @timfeid with copying the vue-html-editor.js file to your local environment worked for me:

"Interesting, for some reason I was able to get this working by just copying vue-html-editor.js to my local. Using require('vue-html-editor') fails, but using require('./vue-html-editor') works without the div there as well."

It would be great if this issue could be solved!

timfeid mentioned this issue Aug 24, 2016

Fix the fragment instance on vue v1.0.26 #12

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fragment instance issue #10

fragment instance issue #10

martinhearn commented Jul 13, 2016

mocheaz commented Jul 28, 2016

liujunyang commented Aug 5, 2016

Haixing-Hu commented Aug 8, 2016

Remo commented Aug 9, 2016

Remo commented Aug 9, 2016

jioll commented Aug 11, 2016

woshihaoren commented Aug 12, 2016 •

edited

Loading

Chalkin commented Aug 15, 2016 •

edited

Loading

Wifsimster commented Aug 18, 2016

goldfinch commented Aug 22, 2016

freevital commented Aug 30, 2016

thats4shaw commented Sep 1, 2016

amitavroy commented Sep 6, 2016

ada012 commented Oct 10, 2016 •

edited

Loading

roarkmccolgan commented Oct 13, 2016

ewerkema commented Oct 31, 2016

fragment instance issue #10

fragment instance issue #10

Comments

martinhearn commented Jul 13, 2016

mocheaz commented Jul 28, 2016

liujunyang commented Aug 5, 2016

Haixing-Hu commented Aug 8, 2016

Remo commented Aug 9, 2016

Remo commented Aug 9, 2016

jioll commented Aug 11, 2016

woshihaoren commented Aug 12, 2016 • edited Loading

console

Chalkin commented Aug 15, 2016 • edited Loading

Wifsimster commented Aug 18, 2016

goldfinch commented Aug 22, 2016

freevital commented Aug 30, 2016

thats4shaw commented Sep 1, 2016

amitavroy commented Sep 6, 2016

ada012 commented Oct 10, 2016 • edited Loading

roarkmccolgan commented Oct 13, 2016

ewerkema commented Oct 31, 2016

woshihaoren commented Aug 12, 2016 •

edited

Loading

Chalkin commented Aug 15, 2016 •

edited

Loading

ada012 commented Oct 10, 2016 •

edited

Loading